Js apply方法详解

Javascript中apply()方法详解

Javascript中apply()方法是一种高阶函数，可以在调用函数时实现对函数作用域的绑定。apply()方法可以动态地将一个数组传递到一个函数，并使用该数组作为该函数的参数。

语法

apply()方法的语法如下所示：

function.apply(thisArg, [argsArray])

• thisArg：在函数中被绑定到this上的对象。
• argsArray：Array类型，函数调用时所传递的参数列表。

示例1

下面是一个简单的示例，演示了apply()方法如何被用于将函数调用时的this值绑定到指定的对象上：

let person = {
  firstName: "John",
  lastName: "Doe",
  fullName: function() {
    return this.firstName + " " + this.lastName;
  }
}

let person2 = {
  firstName: "Alice",
  lastName: "Wonderland"
}

let result = person.fullName.apply(person2);

console.log(result); // 输出：Alice Wonderland

在这个示例中，我们有一个person对象，拥有一个fullName()方法，该方法将第一个名字和姓氏组合成为名字。我们还有一个person2对象，它没有fullName()方法。

通过使用apply()方法，我们可以让person2对象使用person对象中的fullName()方法，从而得到"Alice Wonderland"的完整名字。

示例2

apply()方法也经常被用于动态地调用函数，并将函数的参数数组传递给函数本身。下面是一个示例代码：

function sum(a, b) {
  return a + b;
}

let nums = [10, 20];

let result = sum.apply(null, nums);

console.log(result); // 输出：30

在这个示例中，我们定义了一个简单的sum()方法，它接受两个参数并返回它们的总和。

我们还有一个nums数组，其中包含两个数字。通过使用apply()方法，我们将nums数组传递给函数sum()，从而得到a为10，b为20的和30。

总结

通过apply()方法，我们可以非常方便地将函数的作用域绑定到一个对象上或者动态地传递参数数组。尤其是在函数参数数量未知时，apply()方法可以非常简单和优雅的解决这种问题。