前端面试题——call与apply方法的异同

【基本作用】

想要深入了解 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

那么在知道什么是执行上下文以后，就可以比较好的理解改变执行上下文的含义了，举个不恰当的栗子：

我有一张银行卡，只有我知道密码，所以只有我取钱，此时银行卡的“执行上下文”是我；而之后我把密码告诉了老婆大人，那么老婆大人知道密码以后也就可以从这张卡取钱，老婆大人取钱的时候，“执行上下文”就变成了老婆大人

小伙伴们可能就会问了，银行卡自己用挺好的还能存点私房钱，又为什么要给老婆大人用呢？

这个问题问得很好，因为我妻管严啊 ：）你管我呢

为什么需要改变执行上下文？

简单来说，方便啊！复杂点说，原因可以有很多，得看具体的业务场景。下面还是举个