apply的用法（如何成功使用apply函数）

什么是apply函数？

在JavaScript编程中，apply()是一个非常强大的函数。它可以更改this对象的值，并在调用函数时传递参数。其语法结构为：function.apply(this,argArray),其中this是函数的上下文对象，argArray是要传递给函数的参数列表。

当函数被调用时，JavaScript执行的步骤如下：

第一步：创建函数的激活对象 (activation object)

第二步：分配this值

第三步：分配实参值

这就是函数调用时的一般步骤。但是，如果您需要在函数调用时改变上下文(this)或者传递另一个参数列表，那么便需要使用apply()函数。

如何使用apply函数？

使用apply方法的第一个参数是你想要设置的this值。因此，你必须决定给函数什么对象上下文。比如下面这个例子中，\"myObj\"将会被设置为\"this\"值：

var myObj = {
    name: 'MyObject'
};
function setName(name) {
    this.name = name;
}
setName.apply(myObj, ['New Name']);

当执行setName（）函数之后，myObj对象的name属性的值将会被更改为\"New Name\"。

另外一个使用apply函数的场景时传递参数。apply方法的第二个参数传递的是数组或者类数组对象,详细解释如下：

在数组中使用apply函数

接下来的这个例子，数组中的Math.max()函数将获取一个数组作为参数并返回这个数组中最大的值：

var numbers = [5, 2, 6, 1, 9];
var max = Math.max.apply(null, numbers);
console.log(max); // 输出 9

numbers数组被传递给apply()方法，它的每个值都被分别传递给Math.max()函数。最后，而Math.max()函数会返回这个数组中最大的值

在类数组对象中使用apply函数

在使用jQuery的开发过程中，通常需要将一个HTML元素的所有属性设置为另一个HTML元素的属性。比如下面这个例子，假设我们有两个DOM元素，我们想从一个元素标签复制所有的属性到另一个：

function cloneAttributes(source, destination) {
    var attrs = source[0].attributes;
    for(var i = 0; i < attrs.length; i++) {
        var attr = attrs[i];
        destination.attr(attr.name, attr.value);
    }
}
var sourceElement = $('#sourceElement');
var targetElement = $('#targetElement');
cloneAttributes.apply(null, [sourceElement, targetElement]);

在这个例子中，我们首先创建了名为cloneAttributes（）的函数，然后将其应用到source和destination两个参数上。apply()方法的第一个参数是\"null\"，因为这个函数并没有在任何对象上进行调用，因此我们不需要任何上下文。apply()函数的第二个参数是sourceElement和targetElement数组。在cloneAttributes()函数中，我们可以看到attrs变量被设置为源HTML元素的一组属性。attrs变量被视为类数组对象（attributes array），并通过循环将其属性添加到目标HTML元素中。

总结来说，apply（）函数不仅可以改变调用函数时的this值，还可以用于将参数传递给一个函数。apply（）函数的灵活性非常高，可以应用于各种编程场景。

参考资料

• Apply函数的灵活性
• JavaScript apply() amp; call() Methods