前端 JS 经典：apply、call、bind

1. 概念

都是用来改变函数中 this 指向的。区别在于 apply、call 传参方式不一样，调用后，直接执行函数。bind 调用后，返回一个函数体，不直接执行函数。

2. 为什么用

那为什么要改变 this 指向呢。正常情况下，谁调用函数 this 就指向谁。那调用这个函数的那个谁，要访问另一个谁的属性或方法，就需要改变其 this 的指向，到另一个谁那去

3. 示例

// 例：打印用户信息的函数
const yqcoder = {
  name: "yqcoder",
  age: 18,
  sex: "man",
};
function userInfo(addAge) {
  return `name: ${this.name},age: ${this.age + addAge},sex:${this.sex}`;
}
 
// 直接调用，this 指向的是 window，如同 window.userInfo
userInfo(10); // name: ,age: NaN,sex:undefined
// 用 call 改变 this 指向 yqcoder 对象
userInfo.call(yqcoder, 10); // name: yqcoder,age: 1810,sex:man
// 用 apply 改变 this 指向 yqcoder 对象
userInfo.apply(yqcoder, [10]); // name: yqcoder,age: 28,sex:man
// 用 binde 改变 this 指向 yqcoder 对象
const fn = userInfo.bind(yqcoder);
fn(10); // name: yqcoder,age: 28,sex:man