`

jquery多函数执行

 
阅读更多

1、Array.prototype.slice.apply(arguments,[0/1/2])函数,截取调用函数传来的参数,[0],所有,[1],返回             222,33,55。 [2]返回,33,55

 

<script type="text/javascript">
        function test(){  
	 //将参数转为一个数组  
	  var args = Array.prototype.slice.apply(arguments,[1]);  
	 //alert(args);  
	} 
	test(11,222,33,55);
</script>
2、Function.apply(obj,args)函数,  obj:这个对象将代替Function类里this对象, args:这个是数组,它将作为参数传给Function(args-->arguments)
<script type="text/javascript">
  1. var parent = { 
  2.     method: function () { 
  3.         console.log(this); 
  4.     } 
  5. }; 
	 var arr = {};
	 arr.name = function(name){
	 	console.log('name:'+name);
	 };
	 
	 function info(fun){
	 	var args = Array.prototype.slice.apply(arguments,[1]);
	 	fun.apply(this,args);
	 }
	 info(arr['name'],'stelin');
</script>
 

 

3、这段js值得收藏

<script type="text/javascript">
var _func = {};
function inits(){
	console.log('inits');
}
function a(){
	console.log('aa');
}
function addFunctionItem(item,fun){
	if(!_func[item]){
		_func[item] = [];
	}
	_func[item] = $.merge(_func[item],[fun]);//[fun]作为数组对象合并  
}
function operateFuncs(item){
	if(!_func[item]){
		_func[item] = [];
	}
	args = Array.prototype.slice.apply(arguments, [1]); //参数截取 返回[1,2] '[1]'表示截取1后面的所有参数(0开始)
	alert(args);
	$.each(_func[item],function(){
		this.apply(this,args);//循环数组中函数,传参数,执行函数,函数必须保持在数组中,才能这样用
	});
}
var _theme = function(fun) {
     var args = Array.prototype.slice.apply(arguments, [1]);
     return (_theme[fun] || _theme.prototype[fun]).apply(this, args);
  }
_theme.prototype = {};


_theme.prototype.loginLink = function (username){
	return 'your name'+username;
}
_theme.prototype.logout = function (username){
	return 'logout your'+username;
}


addFunctionItem('func',inits()); //这样初始化,默认数组_func里面为空[函数执行]
console.log('1:'+_func['func']);
addFunctionItem('func',a());
console.log('2:'+_func['func']);

//默认执行函数
addFunctionItem('func',function after(name,age){console.log('after_log-'+name+'_'+age)});////这样初始化,默认数组_func里面不为空[函数不执行]
addFunctionItem('func',function out(name,age){console.log('out_log-'+name+'_'+age)});
console.log('after:'+_func['func']);

var args = {};
operateFuncs('func',1,2); //这样在来执行没有执行的函数

_theme.prototype.loginLink = function (username){
	return 'your name tow '+username; //覆盖之前
}

_theme.prototype.logout = function (username){
	return 'logout your two '+username;
}
var name = _theme('loginLink','stelin');
console.log(name);
console.log(_theme('logout','stelin'));
</script>

 

分享到:
评论

相关推荐

    jqueryAPI函数chm文档

    - `$.each(obj, callback)`:遍历对象或数组,并执行回调函数。 - `$.extend()`:合并两个或更多对象的属性。 - `$.trim(str)`:去除字符串两端的空白字符。 总结,jQuery API函数chm文档详尽地涵盖了jQuery的各种...

    jQuery常见函数

    ### jQuery常见函数详解 #### 一、理解jQuery对象 **jQuery对象**是DOM元素的一种封装形式,通过jQuery库提供的API来操作这些元素。相比于原生JavaScript中的DOM操作,使用jQuery对象更加简便高效。 - **创建...

    jQuery基础函数

    - `.each()`:遍历jQuery对象,执行回调函数。 - `.is()`:检查元素是否匹配给定的选择器。 - `.val()`:获取或设置表单元素的值。 - `.appendTo()` / `.prependTo()`:将元素添加到其他元素的末尾或开头。 ...

    jQuery.js执行过程分析

    本文将深入分析jQuery.js的核心执行流程,帮助读者理解其内部机制,尤其是jQuery如何利用构造函数和原型链实现其强大的功能。 #### 二、jQuery的基础构建 1. **防止重复加载**: 在jQuery的加载过程中,首先会...

    jQuery setTimeout()函数使用方法

    setTimeout()从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次 ;和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert&#40;1&#...

    jQuery事件函数共4页.pdf.zip

    1. **$(document).ready()**:这是jQuery中最常用的事件函数之一,它确保文档加载完成后才执行指定的函数。这样可以避免在页面未完全加载时尝试操作元素导致的问题。 2. **$.on()**:这个函数是jQuery中处理事件的...

    jQuery实现的Ajax函数(已测试)——ASP

    - `success`:当请求成功时执行的回调函数,参数`response`包含服务器返回的数据。 - `error`:如果请求失败,将调用此函数,提供有关错误的详细信息。 在ASP环境下,服务器端脚本通常是VBScript或JScript,它们...

    jQuery 遍历函数详解

    .map()函数对当前匹配元素集合中的每个元素执行一个函数,并将结果放入一个新的jQuery对象中。 .next()、.nextAll()和.nextUntil()函数用于获取当前元素之后的同辈元素,它们可以结合选择器来筛选特定的同辈元素。 ...

    jQuery each函数源码分析_.docx

    《jQuery each函数源码分析》 jQuery库中的`each`函数是其核心功能之一,它提供了遍历数组和对象的能力,使得开发者能够方便地对集合中的每个元素进行操作。在这个文档中,我们将深入探讨`each`函数的源码,了解其...

    js进阶 13 jquery动画函数有哪些.docx

    `callback` 是动画完成后执行的回调函数。 #### 三、jQuery动画的局限性 尽管jQuery提供了丰富的动画函数,但它并非没有局限性。以下是一些主要问题: 1. **性能问题**: - jQuery的动画实现依赖于DOM操作,这...

    jquery网页静止自动执行jquery.timers

    `jQuery Timers`插件就是为此目的而设计的,它扩展了jQuery库,允许我们在页面在后台时也能持续执行定时任务。本篇文章将详细介绍`jQuery Timers`及其使用方法。 `jQuery Timers`插件的核心功能是提供了一种方式,...

    jquery 第13章 函数

    jQuery函数是执行特定任务的代码块,它们可以被调用来执行各种操作,如选择元素、修改DOM、触发事件等。jQuery库提供了大量的内置函数,同时用户也可以自定义函数以满足个性化需求。 二、选择器函数 jQuery的选择...

    jquery与js函数冲突的两种解决方法.docx

    在JavaScript的开发环境中,尤其是当使用多个库或框架时,比如jQuery和其他JavaScript库(如Prototype、MooTools等),可能会遇到函数名或选择器符号`$`的冲突问题。这是因为这些库都倾向于使用`$`作为主要的函数或...

    一个简单的图片放大效果基于jquery animate函数

    此外,还可以通过`animate`的回调函数添加更多的交互效果,例如在动画结束时触发其他操作: ```javascript $(this).animate({ width: "200px", height: "200px" }, 500, function() { // 动画完成后执行的代码 }...

    jquery核心函数_.docx

    在jQuery中,`$`符号是其核心函数,它不仅是一个选择器,还用于执行各种操作。以下是对`$`函数的详细解析: 1. **选择器**: `$()`函数通常用于选取DOM元素。例如,`$(p)`会选择所有`&lt;p&gt;`元素。如果提供一个条件,...

    jquery函数包及中文提示包

    标题中的“jquery函数包”指的是这个压缩包包含的jQuery核心库文件,即`jquery-1.3.2.min.js`。这个版本的jQuery是在2009年发布的,虽然现在已经有了更新的版本,但1.3.2仍然是许多项目中仍然使用的稳定版本。`.min....

    jquery trigger函数执行两次的解决方法

    本文主要探讨了jQuery中trigger函数执行两次的问题及其解决方法。在实际的Web开发过程中,开发者可能会遇到使用jQuery的trigger函数触发事件时,在某些浏览器中事件被触发了两次的情况,比如本文中提到的Internet ...

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    - `callback`:可选参数,当请求成功时执行的函数,该函数接收两个参数,第一个是返回的数据,第二个是状态字符串。 例如: ```javascript $.get("data.php", $("#firstName").val(), function(data) { $("#...

Global site tag (gtag.js) - Google Analytics