深入理解 JavaScript 中的 call 和 apply

本文链接：https://blog.csdn.net/weixin_66708577/article/details/145282346

在 JavaScript 中，`call` 和 `apply` 是 `Function.prototype` 上的两个非常重要的方法，它们的核心功能是动态地改变函数的 `this` 指向。虽然它们的用途相似，但在参数传递方式上有所不同。本文将详细介绍 `call` 和 `apply` 的工作原理、语法、区别以及实际应用场景。

1. `call` 的使用

示例代码与注释

<!-- call 的使用 -->
<script>
    // 定义一个函数 greet，它接受两个参数：name 和 age
    function greet(name, age) {
        console.log(`Hello, my name is ${name} and I am ${age} years old.`);
    }

    // 定义一个对象 person，它有一个属性 name
    const person = {
        name: "test01",
    };

    // 使用 call 方法调用 greet 函数
    // 第一个参数是 this 的指向对象（这里是 person）
    // 后续参数是传递给 greet 函数的参数（这里是 "youren" 和 20）
    greet.call(person, "youren", 20);

    // 输出结果：
    // Hello, my name is youren and I am 20 years old.
</script>

关键点解析

call 的作用
- call 是 Function.prototype 上的一个方法，用于调用一个函数，并显式地指定函数内部的 this 指向。
- 语法：function.call(thisArg, arg1, arg2, ...)。
  - thisArg：函数内部 this 的指向对象。
  - arg1, arg2, ...：传递给函数的参数。
this 的指向
- 在 JavaScript 中，this 的值取决于函数的调用方式。
- 使用