javascript利用apply和arguments复用方法

请看下文。

JavaScript利用apply和arguments复用方法的完整攻略

引言

在 JavaScript 中，我们常常需要复用某个方法。一种常见的方法是通过在另一个（或多个）方法中调用它，但是如果该方法需要不同数量的参数或上下文，这种方法可能会变得笨重且难以维护。使用 apply 和 arguments 可以使我们更加轻松地完成这个任务。本文将向你讲解如何利用 apply 和 arguments 来复用方法。

apply 方法

apply 是 JavaScript 内置函数的一个方法，可以将一个函数作用域中的 this 关键字设置为一个指定的对象，并将一个参数数组传递给该函数。

语法如下：

function.apply(thisArg, [argsArray])

其中，thisArg 表示函数中 this 的上下文对象，argsArray 表示传递给函数的参数数组。

arguments 对象

arguments 是一个 JavaScript 内置对象，表示函数中传递的所有参数，使用 arguments[index] 可以获得传递的第 index 个参数。

利用 apply 和 arguments 实现方法复用

下面的示例代码演示了如何使用 apply 和 arguments 来实现方法复用：

function greet(name, message) {
  console.log(message + ', ' + name);
}

function greetEn(name) {
  const args = [].slice.call(arguments, 1); // 从第二个参数开始截取
  greet.apply(null, [name, 'Hello'].concat(args)); // 合并两个数组并调用函数
}

function greetFr(name) {
  const args = [].slice.call(arguments, 1);
  greet.apply(null, [name, 'Bonjour'].concat(args));
}

greetEn('ZhangSan', 'welcome to my website'); // Hello, ZhangSan, welcome to my website
greetFr('LiSi', 'bienvenue sur mon site web'); // Bonjour, LiSi, bienvenue sur mon site web

在上面的示例代码中，greetEn 和 greetFr 分别是 greet 方法的封装，传入的参数除了第一个参数 name 外，还有一个 message，使用 arguments 对象截取剩余参数，然后将 [name, message] 合并成一个新的数组，最后使用 apply 调用 greet 方法。

需要注意的是，在示例代码中，第一个参数是 null，表示 greet 方法中的 this 不需要上下文对象。如果需要设置 this 上下文，则应该传入对应的上下文对象。例如，如果 greet 方法中需要使用一个 person 对象作为上下文，则代码如下：

const person = {
  name: 'Tom'
};

function greet(name, message) {
  console.log(message + ', ' + name);
}

function greetEn(name) {
  const args = [].slice.call(arguments, 1);
  greet.apply(person, [name, 'Hello'].concat(args));
}

greetEn('Jack', 'welcome to my website'); // Hello, Jack, welcome to my website

在这个示例代码中，我们将 person 对象作为 greet 方法的上下文对象，传入 apply 方法中，以实现方法复用。

小结

本文介绍了如何使用 apply 和 arguments 来实现 JavaScript 中的方法复用。在示例代码中，我们使用 apply 方法将一个数组转换为一个参数列表，并传递给函数。同时，使用 arguments 对象获取剩余的参数，并合并为一个新的数组。

至此，本文的攻略就讲解完毕了。希望对你有所帮助，谢谢！