javascript方法--apply()

JavaScript 中的 apply() 方法是函数对象的一个方法，它允许我们在调用函数时指定函数的上下文（即 this 的值）和参数数组。

使用 apply() 方法来调用函数时，你需要传递两个参数。第一个参数是要指定的上下文对象，第二个参数是一个数组或类似数组的对象，包含传递给函数的参数。

apply() 方法的语法如下：

function.apply(thisArg, [argsArray])

其中，thisArg 是要指定的上下文对象，argsArray 是一个数组或类似数组的对象，包含传递给函数的参数。

apply() 方法的执行过程如下：

1. 如果 thisArg 参数是 null 或 undefined，则在执行函数时使用全局对象（在浏览器环境中是 window 对象）作为上下文。

2. 创建一个新的临时函数。

3. 将 thisArg 参数的值赋给新的临时函数的 this。

4. 如果 argsArray 参数存在并且是一个有效的数组，则将数组中的每个元素依次传递给新的临时函数作为参数。

5. 执行新的临时函数。

apply() 方法的一个常见用途是继承。通过 apply() 方法，可以将一个对象的方法应用到另一个对象上，从而达到继承的效果。下面是一个继承的示例：

```javascript

var person1 = {

name: 'Alice',

sayHello: function() {

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

}

};

var person2 = {

name: 'Bob'

};

person1.sayHello.apply(person2);

// 输出：Hello, my name is Bob

```

在上面的示例中，person1 对象有一个 sayHello() 方法，它会打印出人物的姓名。我们通过 apply() 方法将 person1 的 sayHello() 方法应用到 person2 对象上，所以 person2 也能够调用 sayHello() 方法，并打印出自己的姓名。

apply() 方法还可以用来扩展内置对象的功能。下面是一个例子：

```javascript

Array.prototype.logLength = function() {

console.log(this.length);

};

var fruits = ['apple', 'banana', 'cherry'];

fruits.logLength();

// 输出：3

```

在上面的示例中，我们给 Array 对象的原型添加了一个 logLength() 方法，该方法用来打印数组的长度。通过 apply() 方法，我们可以将该方法应用到任何数组上，从而获取数组的长度。

apply() 方法除了可以接受一个数组作为参数，还可以接受类似数组的对象，例如 arguments 对象。下面是一个使用 apply() 方法计算数组元素的总和的示例：

```javascript

function sum() {

var total = 0;

for (var i = 0; i < arguments.length; i++) {

total += arguments[i];

}

return total;

}

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

var sumOfNumbers = sum.apply(null, numbers);

console.log(sumOfNumbers);

// 输出：15

```

在上面的示例中，我们定义了一个 sum() 函数，它可以接受任意数量的参数，并计算参数的总和。通过 apply() 方法，我们将 numbers 数组的元素作为参数传递给 sum() 方法，从而实现了计算数组元素总和的功能。

总结来说，apply() 方法是 JavaScript 中非常强大和常用的方法之一。它可以用来改变函数的上下文，实现继承，扩展内置对象的功能，以及传递数组或类似数组的对象作为参数。掌握了 apply() 方法的用法，可以帮助我们更好地理解和利用 JavaScript 中的函数对象。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/