js中call，apply，bind的简单理解

call

call的语法如下：

• 注意直接方法名+call() 不要fun().call(),因为加上()就相当于方法或者函数的普通调用。

 fun.call(thisArg[, arg1[, arg2[, ...]]])

参数：

• thisArg
  1. 在call调用fun函数时，指定函数内部的this值。
  2. 如果指定了null或undefined，则内部this指向window
• arg1, arg2, …
  1.指定参数列表
• 如下代码

var name = "The Window";
var object = {
  name: "My Object",
  getNameFunc: function () {
    return function () {
    //浏览器传递给函数的隐式参数arguments 伪数组 可以获取调用时传递的参数
		for(let i = 0; i< arguments.length; i++){
			console.log(this.name + arguments[i]);
		}
    };
  }
};
//直接调用
object.getNameFunc()(1,2,3)
console.log('------------------------')
//call调用
object.getNameFunc().call(object, 1,2,3)

• 打印如下

 The Window1
 The Window2 
 The Window3
 ------------------------
 My Object1
 My Object2
 My Object3

apply

apply的语法和call类似，只有一个区别：

• call的参数是参数列表， 而apply的参数是一个数组
• 语法如下：

fun.apply(thisArg, [argsArray])

bind

bind的语法格式类似call

fun.bind(thisArg[, arg1[, arg2[, ...]]])

• 不同的是call和apply是直接调用方法，而bind是创建一个新的绑定函数，新函数与被绑定函数具有相同的函数体。
• 由于是创建函数，不直接调用，所以代码如下

var name = "The Window";
var object = {
  name: "My Object",
  getNameFunc: function () {
    return function () {
    //浏览器传递给函数的隐式参数arguments 伪数组 可以获取调用时传递的参数
		for(let i = 0; i< arguments.length; i++){
			console.log(this.name + arguments[i]);
		}
    };
  }
};
//直接调用
object.getNameFunc()(1,2,3)
console.log('------------------------')
//bind调用 创建了绑定函数 需要调用一下
object.getNameFunc().bind(object, 1,2,3)()

• 用在闭包中 修改成这个样子

var name = "The Window";
var object = {
  name: "My Object",
  getNameFunc: function () {
    return function () {
		for(let i = 0; i< arguments.length; i++){
			console.log(this.name + arguments[i]);
		}
    }.bind(this);
  }
};
object.getNameFunc()(1,2,3)
console.log('------------------------')
object.getNameFunc()(1,2,3)

• 打印如下

 My Object1
 My Object2
 My Object3
 ------------------------
 My Object1
 My Object2
 My Object3

以上是我对call、apply和bind的简单理解。