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">
- var parent = {
- method: function () {
- console.log(this);
- }
- };
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>
分享到:
相关推荐
- `$.each(obj, callback)`:遍历对象或数组,并执行回调函数。 - `$.extend()`:合并两个或更多对象的属性。 - `$.trim(str)`:去除字符串两端的空白字符。 总结,jQuery API函数chm文档详尽地涵盖了jQuery的各种...
### jQuery常见函数详解 #### 一、理解jQuery对象 **jQuery对象**是DOM元素的一种封装形式,通过jQuery库提供的API来操作这些元素。相比于原生JavaScript中的DOM操作,使用jQuery对象更加简便高效。 - **创建...
- `.each()`:遍历jQuery对象,执行回调函数。 - `.is()`:检查元素是否匹配给定的选择器。 - `.val()`:获取或设置表单元素的值。 - `.appendTo()` / `.prependTo()`:将元素添加到其他元素的末尾或开头。 ...
本文将深入分析jQuery.js的核心执行流程,帮助读者理解其内部机制,尤其是jQuery如何利用构造函数和原型链实现其强大的功能。 #### 二、jQuery的基础构建 1. **防止重复加载**: 在jQuery的加载过程中,首先会...
setTimeout()从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次 ;和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert(1&#...
1. **$(document).ready()**:这是jQuery中最常用的事件函数之一,它确保文档加载完成后才执行指定的函数。这样可以避免在页面未完全加载时尝试操作元素导致的问题。 2. **$.on()**:这个函数是jQuery中处理事件的...
- `success`:当请求成功时执行的回调函数,参数`response`包含服务器返回的数据。 - `error`:如果请求失败,将调用此函数,提供有关错误的详细信息。 在ASP环境下,服务器端脚本通常是VBScript或JScript,它们...
.map()函数对当前匹配元素集合中的每个元素执行一个函数,并将结果放入一个新的jQuery对象中。 .next()、.nextAll()和.nextUntil()函数用于获取当前元素之后的同辈元素,它们可以结合选择器来筛选特定的同辈元素。 ...
《jQuery each函数源码分析》 jQuery库中的`each`函数是其核心功能之一,它提供了遍历数组和对象的能力,使得开发者能够方便地对集合中的每个元素进行操作。在这个文档中,我们将深入探讨`each`函数的源码,了解其...
`callback` 是动画完成后执行的回调函数。 #### 三、jQuery动画的局限性 尽管jQuery提供了丰富的动画函数,但它并非没有局限性。以下是一些主要问题: 1. **性能问题**: - jQuery的动画实现依赖于DOM操作,这...
`jQuery Timers`插件就是为此目的而设计的,它扩展了jQuery库,允许我们在页面在后台时也能持续执行定时任务。本篇文章将详细介绍`jQuery Timers`及其使用方法。 `jQuery Timers`插件的核心功能是提供了一种方式,...
jQuery函数是执行特定任务的代码块,它们可以被调用来执行各种操作,如选择元素、修改DOM、触发事件等。jQuery库提供了大量的内置函数,同时用户也可以自定义函数以满足个性化需求。 二、选择器函数 jQuery的选择...
在JavaScript的开发环境中,尤其是当使用多个库或框架时,比如jQuery和其他JavaScript库(如Prototype、MooTools等),可能会遇到函数名或选择器符号`$`的冲突问题。这是因为这些库都倾向于使用`$`作为主要的函数或...
此外,还可以通过`animate`的回调函数添加更多的交互效果,例如在动画结束时触发其他操作: ```javascript $(this).animate({ width: "200px", height: "200px" }, 500, function() { // 动画完成后执行的代码 }...
在jQuery中,`$`符号是其核心函数,它不仅是一个选择器,还用于执行各种操作。以下是对`$`函数的详细解析: 1. **选择器**: `$()`函数通常用于选取DOM元素。例如,`$(p)`会选择所有`<p>`元素。如果提供一个条件,...
标题中的“jquery函数包”指的是这个压缩包包含的jQuery核心库文件,即`jquery-1.3.2.min.js`。这个版本的jQuery是在2009年发布的,虽然现在已经有了更新的版本,但1.3.2仍然是许多项目中仍然使用的稳定版本。`.min....
本文主要探讨了jQuery中trigger函数执行两次的问题及其解决方法。在实际的Web开发过程中,开发者可能会遇到使用jQuery的trigger函数触发事件时,在某些浏览器中事件被触发了两次的情况,比如本文中提到的Internet ...
- `callback`:可选参数,当请求成功时执行的函数,该函数接收两个参数,第一个是返回的数据,第二个是状态字符串。 例如: ```javascript $.get("data.php", $("#firstName").val(), function(data) { $("#...