call、apply、bind 修改this指向

call、apply、bind 修改this指向

1、call：第一个参数为绑定给this得值，接收多个参数、立即调用。（call是apply得语法糖）
2、apply：第一个参数为绑定给this得值，接收一个数组、立即调用。
3、bind：接收一个参数，返回对应函数，稍后调用。

• 注意：
  1、在 ES6 的箭头函数下, call 和 apply 将失效。
2、第一个参数为null、undefined的时候，默认指向window

call

1、call第一个参数为绑定给this得值，接收多个参数、**立即调用**。
2、当第一个参数为null、undefined的时候，默认指向window。

var msg = 'window:'
var obj = {
   msg:'我的名字叫:'
}
function  getName(name) {
   console.log(this.msg + name)
}

   getName('小明')  // 普通函数调用，this指向window。  // 打印：window：小明
   getName.call(null, '小明') // 第一个参数为null、this指向window。  // 打印：window：小明
   getName.call(obj, '小明') // 第一个参数为obj对象、this指向obj。  // 打印：我的名字叫：小明

apply

1、apply第一个参数为绑定给this得值，接收一个数组、**立即调用**。
2、当第一个参数为null、undefined的时候，默认指向window。

var msg = 'window:'
var obj = {
  msg:'我的名字叫:'
}
function  getName(name,age) {
  console.log(this.msg + name+' 年龄：'+age)
}

  getName('小花', 18)  //普通函数调用，this指向window。  // 打印：window：小花 年龄：18
  getName.apply(null,['小花', 18]) //第一个参数为null，this指向window。  // 打印：window：小花 年龄：18
  getName.apply(obj,['小花', 18]) //第一个参数为obj，this指向obj。  // 打印：我的名字叫：小花 年龄：18

bind

1、bind 方法不会立即执行，而是返回一个改变了上下文 this 后的函数。

	var msg = 'window:'
    var obj = {
   		msg:'我的名字叫:'
   	}
   function  getName(name,age) {
   		console.log(this.msg + name+' 年龄：'+age)
   }
   
   getName.bind(null)("笑笑","20");  //参数为null，this指向window  // window:笑笑 年龄：20
   getName.bind(obj)("笑笑","20");  // 参数为obj，this指向obj  //我的名字叫:笑笑 年龄：20