this总是指向调用某个方法的对象,但是使用call()和apply()方法时,就会改变this的指向。
(1)call( ) 方法:call.(thisOject, arg1 ,arg2 ...)
定义:调用一个对象的一个方法,以另一个对象替换当前对象。
调用call的对象必须是个函数function
all的第一个参数将会是function改变上下文后指向的对象,如果不传,将会默认是全局对象window
第二个参数开始可以接收任意个参数,这些参数将会作为function的参数传入function
obj1.(method).call(obj2,argument1,argument2)
如上,call的作用就是把obj1的方法放到obj2上使用,后面的argument1..这些做为参数传入。
function add (x, y)
{
console.log (x + y);
}
function minus (x, y)
{
console.log (x - y);
}
add.call (minus , 1, 1); //2
这个例子中的意思就是用 add 来替换 minus ,add.call(minus ,1,1) == add(1,1) ,所以运行结果为:console.log (2); // 注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。
A.call( B,x,y ):就是把A的函数放到B中运行,x 和 y 是A方法的参数。
用call来实现继承,用this可以继承myfunc1中的所有方法和属性。
function myfunc1(){
this.name = 'Lee';
this.myTxt = function(txt) {
console.log( 'i am',txt );
}
}
function myfunc2(){
myfunc1.call(this);
}
var myfunc3 = new myfunc2();
myfunc3.myTxt('Geing'); // i am Geing
console.log (myfunc3.name); // Lee
(2)apply( )方法:apply.(thisOject,arguments )
定义:应用某一对象的一个方法,用另一个对象替换当前对象。
与call方法的使用基本一致,但是只接收两个参数,其中第二个参数必须是一个数组或者类数组,这也是这两个方法很重要的一个区别
obj1.(method).apply(obj2,arguments)
function log (...args) {
console.log(...args)
}
function log () {
console.log.apply(console, arguments)
}
log(1, 2, 3)
log.bind()
(3)两者的区别:
call方法:从第二个参数开始可以接收任意个参数,每个参数会映射到相应位置的function的参数上,可以通过参数名调用,但是如果将所有的参数作为数组传入,它们会作为一个整体映射到function对应的第一个参数上,之后参数都为空
apply方法:最多只有两个参数,第二个参数接收数组或者类数组,但是都会被转换成类数组传入function中,并且会被映射到function对应的参数上
更简单地说,apply和call功能一样,只是传入的参数列表形式不同:
如 function.call(function1,var1,var2,var3)对应的apply写法为:function.apply(function1, [var1,var2,var3])