call,apply,bind
都是用来改变this
指向,调用一个方法,看下例
var person = {
name:"jet li",
say:function(){
console.log(this.name);
}
}
var fn = person.say;
fn() // Cannot read property 'name' of undefined
person.say(); // jet li
call
//继续上例子
person.say.call(person) // jet li
通过在call方法,给call(参数)里面的参数就是this就会指向的那个对象。call方法除了第一个参数以外还可以添加多个参数,如下:
var person = {
name:"jet li",
say:function(age,num){
console.log(age + num);
}
}
person.say.call(person,20,30); //50
apply
apply方法和call方法有些相似,它也可以改变this的指向,不同的是,如果有第二个参,第二个参数必须是一个数组
person.say.apply(person,[20,30]); // 50
注意 如果call和apply的第一个参数写的是null,那么this指向的是window对象
bind
可以用来改变this的指向,但是用法不同,实际上bind方法返回的是一个修改this指向的函数
var temp = person.say.bind(person,20,30); //还没打印出来
temp() // 50
或者
var temp = person.say.bind(person); //参数先不传,获取改变this指向后再传参调用
temp(10,20) // 30
总结:call和apply都是改变上下文中的this并立即执行这个函数(apply 如果有第二个参数 要是数组形式),bind方法可以不马上调用,并且可以将参数在执行的时候添加