foo.call(this, arg1,arg2,arg3) == foo.apply(this, arguments)==this.foo(arg1, arg2, arg3)
call,
apply都属于Function.prototype的一个方法,它是JavaScript引擎内在实现的,因为属于Function.prototype,所以每个Function对象实例,也就是每个方法都有call, apply属性.既然作为方法的属性,那它们的使用就当然是针对方法的了.这两个方法是容易混淆的,因为它们的作用一样,只是使用方式不同.
相同点:两个方法产生的作用是完全一样的
不同点:方法传递的参数不同
那什么是方法产生的作用,方法传递的参数是什么呢?
我们就上面的foo.call(this, arg1, arg2, arg3)展开分析.
foo是一个方法,this是方法执行时上下文相关对象,arg1, arg2, arg3是传给foo方法的参数.这里所谓的方法执行时上下文相关对象, 如果有面向对象的编程基础,那很好理解,就是在类实例化后对象中的this
例子:
//类funa
function funa(){alert("test1");
}
//类funb
function funb(){
alert("test2");
}
//new一个类funb的对象
var b = new funb();
//现在b需要加一个方法,这个方法和类a的方法一样,就可以借用一下
funa.call(b);
简直是”无中生有”,对象的方法可以任意指派,而对象本身一直都是没有这方法的,注意是指派,通俗点就是,方法是借给另一个对象的调用去完成任务,原理上是方法执行时上下文对象改变了.所以
funa.call(b); 就等于用b作执行时上下文对象调用类funa的方法,而这过程中与funa一点关系都没有, 作用等效于b.funa( );
本文详细解析了JavaScript中Function.prototype下的call与apply方法的区别及应用。通过实例演示了如何利用这两种方法来改变方法执行时的上下文对象,帮助读者更好地理解和运用这两个核心概念。
667

被折叠的 条评论
为什么被折叠?



