JS中apply方法的使用详细解析

在JavaScript中，函数是一等公民，可以被当做参数传递和返回值。apply方法是函数对象的一个方法，它用来指定函数内部this对象的指向，同时也可以将一个数组或类数组对象展开到作为函数的参数列表。

语法

function.apply(thisArg,[argsArray])

• function：待调用函数
• thisArg：指定的this对象，函数执行时this将指向该对象。如果thisArg为null或undefined，this将指向全局对象
• argsArray：被作为参数传递的数组或类数组对象。如果该参数不是数组或类数组对象，将抛出TypeError异常。如果该参数为null或undefined，函数不接收任何参数

示例1：传参调用

function sum(a, b) {
  return a + b;
}
var args = [1, 2];
var result = sum.apply(null, args);
console.log(result); // 3

上面的代码中，我们定义了一个求和函数sum，使用apply方法将args数组展开到参数列表中，从而实现对sum函数的调用。apply方法中的第一个参数为null时，sum函数的内部this指向全局对象window。

示例2：指定函数内部的this指向

var obj = {score: 80};

function getScore() {
  return this.score;
}

var result = getScore.apply(obj);
console.log(result); // 80

在这个示例中，我们定义了一个getScore函数，使用apply方法将this指向obj对象，从而获取到obj对象的score属性值。如果没有使用apply方法，直接调用getScore函数，this.score将无法获取到值。

注意事项

• apply方法执行的函数是有返回值的，可以通过变量接收函数返回值，如示例1和示例2所示
• apply方法只能展开数组和类数组对象，不支持展开对象字面量、函数等其他数据类型
• apply方法在代码中使用时需要注意对this对象的指定
• apply方法可以与一些函数配合使用，如Math.max()和Function.prototype.bind()等，实现一些常用的函数功能
• Example1：使用apply方法获取数组中的最大值

javascript
var numbers = [1, 2, 3, 4, 5];
var max = Math.max.apply(null, numbers);
console.log(max); // 5

• Example2：使用bind方法实现函数柯里化

```javascript
function add(a, b, c) {
return a + b + c;
}

var add10 = add.bind(null, 10);

var result = add10.apply(null, [20, 30]);
console.log(result); // 60
```

以上就是关于JS中apply方法的使用详细解析，如果还有疑问可以留言。