一、相同之处都是改变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是返回一个函数需要手动调用
这些差异主要为了应对不同的开发场景的需要