相同点
1,call,apply,bind都是Fuction.prototype的方法,所有的function都具有的方法。
2,并且都是可以改变函数内部this指向的方法
var a = {
name: 'zhangsan'
}
function fn() {
console.log(this.name);//zhangsan
}
fn.call(a)) //调用fn函数并且this指向a对象
fn.apply(a)) //调用fn函数并且this指向a对象
fn.bind(a)) //调用fn函数并且this指向a对象
当然call主要作用是用来继承的,继承一些父类构造函数的属性和方法
function Father(name, age, sex) {
this.name = name
this.age = age
this.sex = sex
this.eat=function(){
console.log('睡觉')
}
}
function Son(name, age, sex) {
Father.call(this, name, age, sex)
Father.apply(this,[name, age, sex])
}
var son = new Son('张三', 18, '男')
var son =new Son(['张三', 18, '男'])
console.log(son);//Son {name: "张三", age: 18, sex: "男"}
而apply的用法和call的一样,只不过是传递的参数不同,apply是以数组的形式i就行传递参数的。并且apply和call都是可以调用函数的。
不同点
bind是没办法调用函数的,并且bind返回的是改编后的函数,bind和call的传参方式都一样,一个一个的接收参数
var o={
name:'lisi'
}
(function(){
console.log('hello')
}).bind(o)()
像这种不需要调用的自执行函数,并且需要改变函数内部的this指向的就可以通过bind来改变。
总结
- call apply bind 都能改变函数的内部this指向
- call 和apply在改变函数this指向的同时会调用函数,但是传递参数的形式不同,call是一个一个的接收参数,而apply是以数组的形式接收参数,call通常是和构造函数来模拟继承。
- bind传参和call一样,但是不会调用函数,通常用于自执行函数改变this指向。