JS apply用法总结和使用场景实例分析

apply()是JS中的一个函数方法，它可以改变函数的this值，并将一个数组作为函数的参数传递进去。本文将对apply()的作用、使用方式和常见应用场景进行详细讲解。

apply()的作用

apply()方法是定义在Function.prototype上的，它的作用是改变函数的this指向，并且可以将一个数组作为参数传递给函数。正因为它可以改变this指向，所以apply()方法被广泛应用。

apply()的使用方式

apply()的使用方式如下：

fn.apply(thisArg, [argsArray])

其中，thisArg表示调用函数时的this值，argsArray是一个可选参数，它是一个数组，包含传递给函数的参数。

• 如果thisArg为null或undefined，则this指向全局对象。
• 如果argsArray不是数组，则会抛出一个TypeError异常。

常见应用场景

1. 改变函数的this指向

使用apply()可以轻松改变函数的this值，这是apply()常用的一个场景。

var obj1 = {
  name: '张三'
}
var obj2 = {
  name: '李四'
}

function sayName() {
  console.log(this.name)
}

sayName.apply(obj1) // 输出 '张三'
sayName.apply(obj2) // 输出 '李四'

2. 将数组转换为参数

apply()可以将一个数组解构为参数传递给函数，这在调用一些需要可变参数的函数时非常有用。

function sum(a, b, c) {
  console.log(a + b + c);
}

var arr = [1, 2, 3];
sum.apply(null, arr); // 输出6

总结

• apply()方法可以改变函数的this值，并将一个数组作为函数的参数传递进去。
• apply()的第一个参数thisArg表示调用函数时的this值，第二个参数argsArray是一个包含传递给函数的参数的数组。
• 常见的应用场景是改变函数的this指向和将数组作为参数传递给函数。

以上两个示例说明了apply()方法的使用场景。通过改变this指向和将数组作为参数传递给函数，apply()方法为我们解决了很多问题。