js apply/call/caller/callee/bind使用方法与区别分析

时间：2014-07-23 15:05:36 阅读：301 评论：0 收藏：0 [点我收藏+]

一、call 方法调用一个对象的一个方法，以另一个对象替换当前对象(其实就是更改对象的内部指针，即改变对象的this指向的内容)。 Js代码 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 Js代码复制代码代码如下: Code function Obj(){this.value="对象！";} var value="global 变量"; function Fun1(){alert(this.value);} window.Fun1(); //global 变量 Fun1.call(window); //global 变量 Fun1.call(document.getElementById(‘myText‘)); //input text Fun1.call(new Obj()); //对象！ Js代码 Code 复制代码代码如下: var first_object = { num: 42 }; var second_object = { num: 24 }; function multiply(mult) { return this.num * mult; } multiply.call(first_object, 5); // returns 42 * 5 multiply.call(second_object, 5); // returns 24 * 5 二、apply方法 apply方法的第一个参数也是要传入给当前对象的对象，即函数内部的this。后面的参数都是传递给当前对象的参数。对于apply和call两者在作用上是相同的，但两者在参数上有区别的。对于第一个参数意义都一样，但对第二个参数：apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入，而call则作为call的参数传入（从第二个参数开始）。如 func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1, [var1,var2,var3])同时使用apply的好处是可以直接将当前函数的arguments对象作为apply的第二个参数传入。 Js代码复制代码代码如下: var func=new function(){this.a="func"} var myfunc=function(x,y){ var a="myfunc"; alert(this.a); alert(x + y); } myfunc.call(func,"var"," fun");// "func" "var fun" myfunc.apply(func,["var"," fun"]);// "func" "var fun" 三、caller 属性返回一个对函数的引用，即调用了当前函数的函数体。 functionName.caller :functionName 对象是所执行函数的名称。说明: 对于函数来说，caller 属性只有在函数执行时才有定义。如果函数是由 JScript 程序的顶层调用的，那么 caller 包含的就是 null 。如果在字符串上下文中使用 caller 属性，那么结果和 functionName.toString 一样，也就是说，显示的是函数的反编译文本。 Js代码复制代码代码如下: function CallLevel(){ if (CallLevel.caller == null) alert("CallLevel was called from the top level."); else alert("CallLevel was called by another function:\n"+CallLevel.caller); } function funCaller(){ CallLevel(); } CallLevel(); funCaller() 四、callee属性返回正被执行的 Function 对象，也就是所指定的 Function 对象的正文。 [function.]arguments.callee:可选项 function 参数是当前正在执行的 Function 对象的名称。说明: callee 属性的初始值就是正被执行的 Function 对象。 callee 属性是 arguments 对象的一个成员，它表示对函数对象本身的引用，这有利于匿函数的递归或者保证函数的封装性，例如下边示例的递归计算1到n的自然数之和。而该属性仅当相关函数正在执行时才可用。还有需要注意的是callee拥有length属性，这个属性有时用于验证还是比较好的。arguments.length是实参长度，arguments.callee.length是形参长度，由此可以判断调用时形参长度是否和实参长度一致。 Js代码复制代码代码如下: //callee可以打印其本身 function calleeDemo() { alert(arguments.callee); } //用于验证参数 function calleeLengthDemo(arg1, arg2) { if (arguments.length==arguments.callee.length) { window.alert("验证形参和实参长度正确！"); return; } else { alert("实参长度：" +arguments.length); alert("形参长度： " +arguments.callee.length); } } //递归计算 var sum = function(n){ if (n <= 0) return 1; else return n ＋arguments.callee(n - 1) } 五、bind Js代码复制代码代码如下: var first_object = { num: 42 }; var second_object = { num: 24 }; function multiply(mult) { return this.num * mult; } Function.prototype.bind = function(obj) { var method = this, temp = function() { return method.apply(obj, arguments); }; return temp; } var first_multiply = multiply.bind(first_object); first_multiply(5); // returns 42 * 5 var second_multiply = multiply.bind(second_object); second_multiply(5); // returns 24 * 5 六、JS闭包(Closure) 所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。关于闭包，最简单的描述就是 ECMAScript 允许使用内部函数－－即函数定义和函数表达式位于另一个函数的函数体内。而且，这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时，就会形成闭包。也就是说，内部函数会在外部函数返回后被执行。而当这个内部函数执行时，它仍然必需访问其外部函数的局部变量、参数以及其他内部函数。这些局部变量、参数和函数声明（最初时）的值是外部函数返回时的值，但也会受到内部函数的影响。简而言之，闭包的作用就是在out function执行完并返回后，闭包使得Javascript的垃圾回收机制GC不会收回out function所占用的资源，因为out function的内部函数inner function的执行需要依赖out function中的变量。闭包的两个特点： 1、作为一个函数变量的一个引用 - 当函数返回时，其处于激活状态。 2、一个闭包就是当一个函数返回时，一个没有释放资源的栈区。例1： Html代码复制代码代码如下: 例2： Html代码复制代码代码如下: 例3： Js代码复制代码代码如下: 说明：其中的关键技巧在于通过执行一个单行（in-line）函数表达式创建一个额外的执行环境，而将该函数表达式返回的内部函数作为在外部代码中使用的函数。此时，缓冲数组被定义为函数表达式的一个局部变量。这个函数表达式只需执行一次，而数组也只需创建一次，就可以供依赖它的函数重复使用。七、原型链 ECMAScript 为 Object 类型定义了一个内部 [[prototype]] 属性。这个属性不能通过脚本直接访问，但在属性访问器解析过程中，则需要用到这个内部[[prototype]] 属性所引用的对象链－－即原型链。可以通过一个公共的 prototype 属性，来对与内部的 [[prototype]] 属性对应的原型对象进行赋值或定义。例1： Js代码复制代码代码如下:

js apply/call/caller/callee/bind使用方法与区别分析,布布扣,bubuko.com

标签：des style java 使用 os 数据

原文地址：http://www.cnblogs.com/BigIdiot/p/3862717.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行