【基本作用】
想要深入了解 call()
和 apply()
这两个方法,那么必须要先知道他们的基本作用:
改变对象的执行上下文
什么是执行上下文?
我们在写一个方法的时候,总是会用到一个关键字this
,而this
的指向就是我们这里所说的执行上下文(执行环境)
首先我们要知道,this
指向的永远是调用该方法的对象,如何证明this
的指向就是当前对象呢?看下面这段代码:
function func () {
this.a = 1;
console.log(this.a);
}
func(); // 1
代码中方法执行后控制台输出1
,由于func
是全局对象window
下的一个方法,那么调用该方法的对象就应该是全局对象window
,所以this
理论上指向的对象就应该是window
如果理论成立,而this.a==1
,也就是说变量a
是一个全局变量。在控制台上直接输入a
或window.a
后回车,会发现输出了1
,所以在func
这个方法中,this
的指向就是window
换个方式来验证下:
var person = {
name: 'xiao ming',
age: 18,
who: function () {
console.log( 'my name is ' + this.name + ' , ' + this.age + ' years old' );
console.log( person === this);
}
}
person.who();
// my name is xiao ming , 18 years old
// true
上面这段代码中who
方法是person
对象的一个属性,被person
对象调用,所以this
的指向也就是person
那么在知道什么是执行上下文以后,就可以比较好的理解改变执行上下文的含义了,举个不恰当的栗子:
我有一张银行卡,只有我知道密码,所以只有我取钱,此时银行卡的“执行上下文”是我;而之后我把密码告诉了老婆大人,那么老婆大人知道密码以后也就可以从这张卡取钱,老婆大人取钱的时候,“执行上下文”就变成了老婆大人
小伙伴们可能就会问了,银行卡自己用挺好的还能存点私房钱,又为什么要给老婆大人用呢?
这个问题问得很好,因为我妻管严啊 :)你管我呢
为什么需要改变执行上下文?
简单来说,方便啊!复杂点说,原因可以有很多,得看具体的业务场景。下面还是举个