一、call() 方法
- 语法：
function.call(thisArg, arg1, arg2, ...)
其中，thisArg 是一个对象，arg1、arg2 等是函数的实际参数。
- 作用：
call() 方法允许您在调用函数时设置函数内部 this 的值，并且可以将多个参数传递给函数。
- 示例：
const person = { name: 'Jack', age: 18, sayHello: function (message) { console.log(message + ', I am ' + this.name + ', ' + this.age + ' years old.'); } }; person.sayHello('Hi'); // 输出： Hi, I am Jack, 18 years old. const anotherPerson = { name: 'John', age: 20 } person.sayHello.call(anotherPerson, 'Hello'); // 输出： Hello, I am John, 20 years old.
二、apply() 方法
- 语法：
function.apply(thisArg, [argsArray])
其中，thisArg 是一个对象，argsArray 是一个包含函数参数的数组或类数组对象。
- 作用：
apply() 方法也允许您在调用函数时设置函数内部的 this 值，并且可以将多个参数传递给函数。与 call() 方法不同的是，apply() 方法接受参数的方式是数组或类数组对象。
- 示例：
const person = { name: 'Jack', age: 18, sayHello: function (message, country) { console.log(message + ', I am ' + this.name + ', ' + this.age + ' years old. I come from ' + country); } }; person.sayHello('Hi', 'China'); // 输出： Hi, I am Jack, 18 years old. I come from China. const anotherPerson = { name: 'John', age: 20 } person.sayHello.apply(anotherPerson, ['Hello', 'USA']); // 输出： Hello, I am John, 20 years old. I come from USA.
三、call() 和 apply() 的区别
最主要的区别在于参数传递的方式不同，call() 方法是按照参数列表传递的，而 apply() 方法是通过数组或类数组对象传递的。
例如：
let arr = [1, 2, 3]; let max = Math.max.call(null, ...arr); let min = Math.min.apply(null, arr);
四、注意事项
- 在使用 call() 或 apply() 方法时，如果第一个参数为 null 或 undefined，那么它们会被替换为全局对象 window。
- 在使用 call() 或 apply() 方法时，如果第一个参数是一个基本类型，那么 JavaScript 会在内部将其转换为对应的对象类型。
五、总结
JavaScript 中的 call() 和 apply() 方法是非常实用的语言特性，可以帮助您更好地编写代码，并且提高程序的灵活性和可维护性。在实际工作中，需要仔细考虑函数调用的方式和参数传递的方法，以确保程序的正确性和性能。
