javascript中apply的用法

javascript中apply的用法

欧方2023-03-31 18:30江苏

在 JavaScript 中，apply 方法和 call 方法类似，都是用于调用一个函数或方法，不同之处在于 apply 方法接受一个参数数组作为函数的参数列表。

apply 方法的语法如下：

function.apply(thisArg, [argsArray])

其中，thisArg 是指定的 this 值，可以是任何 JavaScript 对象。argsArray 是一个数组，用于作为函数的参数列表。

与 call 方法类似，当我们调用某个函数或方法时，可以使用 apply 方法指定函数或方法的 this 值。例如：

 

const numbers = [1, 2, 3, 4, 5];

const maxNumber = Math.max.apply(null, numbers);

console.log(maxNumber); // Output: 5

在上述代码中，我们定义了一个数组 numbers，其中包含一些数字。通过调用 Math.max.apply 方法，我们将 this 值指定为 null，表示该方法不依赖于任何对象。接下来，我们将数组 numbers 作为参数传递给该方法，方法返回数组中的最大值，即 5。

除了指定 this 值外，apply 方法还可以用于调用对象的方法。例如：

 

const person = {

name: 'ofym',

sayHello: function() {

console.log(`Hello, my name is ${this.name}.`);

}

};

 

const person2 = {

name: 'ofkj'

};

 

person.sayHello(); // Output: Hello, my name is ofym.

person.sayHello.apply(person2); // Output: Hello, my name is ofkj.

 

在上述代码中，我们定义了一个 person 对象，它包含一个 sayHello 方法。我们还定义了一个 person2 对象，它也包含一个 name 属性。

当我们调用 person 对象的 sayHello 方法时，this 的值指向 person 对象。但是当我们使用 apply 方法将 this 值指定为 person2 对象时，this 的值就指向了 person2 对象，因此输出结果变成了 "Hello, my name is Bob."。

 

总之，apply 方法是 JavaScript 中用于指定函数或方法的 this 值以及参数列表的一种方法，它可以用于调用普通函数、对象的方法等场景。