apply,call,bind的三者异同

一、相同之处都是改变this的指向

定义一个函数内部有一个this.name，调用方法打印this.name是join，说明当前的this指向是window

var name = 'join'
var user = {
    name: 'Tom'
}
function helloPeople(age, work) {
    console.log('I am ' + this.name + ',' + age + 'year ' + work)
}
 
helloPeople('1997', '前端开发')//I am join,1997year 前端开发

我们通过调用apply,call,bind，改变函数的this指向，改为指向user看看效果

helloPeople.apply(user, ['1997', '前端开发'])//I am Tom,1997year 前端开发
helloPeople.call(user, '1997', '前端开发')//I am Tom,1997year 前端开发
helloPeople.bind(user)('1997', '前端开发')//I am Tom,1997year 前端开发

发现这个时候函数的this.name，变成了Tom，说明this的指向改变了

二、他们的差异

helloPeople.apply(user, ['1997', '前端开发'])//I am Tom,1997year 前端开发
helloPeople.call(user, '1997', '前端开发')//I am Tom,1997year 前端开发
helloPeople.bind(user)('1997', '前端开发')//I am Tom,1997year 前端开发

通过上面函数的调用可以发现

        1.他们的传参方式是不同的

                 apply是通过数组传递多个参数，call和bind是通过多个数据传递        

        2.他们的执行方式不同

                apply和call是直接执行，bind是返回一个函数需要手动调用

这些差异主要为了应对不同的开发场景的需要