apply、call和bind：从“借尸还魂”的视角深究JavaScript函数执行

“借尸还魂”一词出自中国古代神话故事，意指亡灵附身于他人肉身，重新获得生命。在 JavaScript 中，apply、call 和 bind 也扮演着类似的角色，它们可以将一个函数“附身”到不同的对象上，从而改变函数的执行上下文。

apply

apply 方法接受两个参数：第一个参数是要执行的函数，第二个参数是一个数组，包含要传递给函数的参数。apply 的作用是将数组中的参数逐个传递给函数，就像直接调用函数时那样。

const obj1 = {
  name: "John Doe"
};

function greet(greeting) {
  console.log(`${greeting}, ${this.name}!`);
}

greet.apply(obj1, ["Hello"]); // 输出: "Hello, John Doe!"

在上面的例子中，greet 函数被 apply 方法绑定到 obj1 对象，并传递参数 "Hello"。apply 的作用就像为 greet 函数注入了一个新的执行上下文，使得 greet 函数能够访问 obj1 对象的 name 属性。

call

call 方法与 apply 类似，但它的参数传递方式有所不同。call 接受多个参数：第一个参数是要执行的函数，后面是任意数量的参数，这些参数将被直接传递给函数。

const obj2 = {
  name: "Jane Doe"
};

greet.call(obj2, "Hello"); // 输出: "Hello, Jane Doe!"

在上面的例子中，greet 函数被 call 方法绑定到 obj2 对象，并传递参数 "Hello"。call 的作用也类似于 apply，但它可以直接传递参数，无需使用数组。

bind

bind 方法与 apply 和 call 不同，它并不立即执行函数，而是返回一个新的函数。这个新函数被绑定到指定的 this 值，并继承了原函数的其余参数。

const boundGreet = greet.bind(obj3, "Hello");
boundGreet(); // 输出: "Hello, undefined!"

在上面的例子中，greet 函数被 bind 方法绑定到 obj3 对象，并传递参数 "Hello"。bind 返回了一个新的 boundGreet 函数，它继承了 greet 函数的 this 值，即 obj3。当调用 boundGreet 函数时，由于 obj3 没有 name 属性，因此 this.name 的值为 undefined。

总结

apply、call 和 bind 方法提供了强大的机制，用于控制 JavaScript 函数的执行。通过理解这些方法的原理，开发者可以灵活地控制函数的执行上下文，增强代码的可读性和可重用性。

“借尸还魂”这一成语形象地诠释了 apply、call 和 bind 的作用，它们就像古代神话中亡灵附身于他人的肉身，为函数赋予新的生命和执行环境。希望通过本文的分析，开发者能够对这三个方法有更深刻的理解，并将其熟练应用于实际开发中。