JS函数中的call,apply,bind方法

1.call（执行环境对象，实参列表）

通过代码实例使用

var obj={
name:'zhangsan'
sayName:function(){
console.log(this.name)
}
}
var b=obj.sayName
b.call(obj)//zhangsan

调用call方法，第一个参数就是把B添加到哪个环境中，this会指向那个对象

使用call还可以传递多个参数

var obj={
name:'zhangsan'
sayName:function(1,2){
console.log(this.name)
console.log(a,b)//1,2
}
}
var b=obj.sayName
b.call(obj,1,2)//zhangsan

2.apply(执行环境对象，实参列表数组)

apply方法和call方法类似，也可以改变this指向

var obj={
name:'zhangsan'
sayName:function(){
console.log(this.name)
}
}
var b=obj.sayName
b.apply(obj)//zhangsan

apply也可以传递多个参数，与call不同的是apply传递的第二个参数是数组

var obj={
name:'zhangsan'
sayName:function(){
console.log(this.name)
console.log(a,b)//100,200
}
}
var b=obj.sayName
b.apply(obj,[100,200])//zhangsan

3.bind(执行环境对象)

与call和apply不同，bind返回的是一个修改之后的函数

var obj = {
  name: 'zhangsan',
  sayName: function () {
    console.log(this.name);
  }
}
var b = obj.sayName;
b.bind(obj); // 代码没有被打印,返回的是一个修改过后的函数。
// 新建一个变量c来接收bind修改后的函数
var c = b.bind(obj);
console.log(c); // c是一个[Function: bound sayName]函数
// 执行c
c(); // zhangsan

同样bind也可以传递多个参数

var obj = {
  name: 'zhangsan',
  sayName: function (a,b,c) {
    console.log(this.name);
    console.log(a,b,c)//1,2,3
  }
}
var b = obj.sayName;
b.bind(obj); // 代码没有被打印,返回的是一个修改过后的函数。
// 新建一个变量c来接收bind修改后的函数
var c = b.bind(obj,1,2);
console.log(c); // c是一个[Function: bound sayName]函数
// 执行c
c(3); // zhangsan