JS 的 apply 方法

1. 前言

apply() 的作用有两个: 1. 改变 this 指向 2. 将数组入参变为一般入参

刚开始看到 apply() 时，对它的用法非常模糊，而且不易理解，通过查找相关文章，才慢慢的明白它的妙用

2. 改变 this 指向

相信在网上查找 apply() 用法时，都会看到下面这段代码，首次运行，看到输出的结果，我是懵逼的

var person = {
    fullName: function () {
        return this.firstName + " " + this.lastName;
    }
}
var person1 = {
    firstName: "Bill",
    lastName: "Gates",
}
const res = person.fullName.apply(person1)
console.log(res); // Bill Gates

如何理解 apply() 这段代码 ?

person.fullName() 调用 this.firstName 和 this.lastName 这两个属性，this 指向 person，但它没有这两个属性

使用 apply() 方法可以改变 this 的指向，将 this 的指向改为 person1，所以 person.fullName() 方法就可以成功访问到 this.firstName 和 this.lastName 这两个属性的值了

person.fullName.apply(person1) 可以理解为下面代码，但不要这么写，本质不一样

person1.fullName = person.fullName
person1.fullName()

3. 将数组入参变为一般入参

以 Math.max() 举例

// 正确用法
Math.max(1, 2, 3)
// 错误用法
Math.max([1, 2, 3])

使用 apply() 的第二个参数将数组入参变为一般入参

注意，这里的第一个参数值为 null，也就是没有改变 this 的指向

Math.max.apply(null, [1, 2, 3])