Es5 apply详解

apply是Function.prototype的一个方法,用于在一个特定的作用域内调用函数,可以将一个数组或类数组对象作为参数传递给该函数。

apply函数的语法结构如下:

function.apply(thisArg, [argsArray])

其中,thisArg是该函数执行时的上下文对象,argsArray是一个数组或类数组对象,用于传递函数的参数。

apply的使用场景比较广泛,下面来介绍一些常用的用法。

  1. 传递参数

假设有一个函数sum,接收两个参数并返回它们的和:

function sum(a, b) {
  return a + b;
}

如果我们想将一个数组[2, 3]作为sum函数的参数,可以使用apply函数:

var arr = [2, 3];
var result = sum.apply(null, arr);
console.log(result); // 5

上面的代码中,apply函数将null作为上下文对象,将数组arr作为参数传递给sum函数。

  1. 绑定this

在JavaScript中,函数的this指向由函数的调用方式决定。如果函数作为对象的方法调用,this指向该对象;如果函数作为普通函数调用,this指向全局对象。有时我们希望将函数的this指向一个特定的对象,此时可以使用apply函数。

例如,有一个person对象:

var person = {
  name: 'Tom',
  age: 20,
  greeting: function() {
    console.log('Hello, my name is ' + this.name);
  }
};

如果我们想将greeting函数的this指向另一个对象,可以使用apply函数:

var anotherPerson = {
  name: 'Jerry'
};
person.greeting.apply(anotherPerson); // Hello, my name is Jerry

上面的代码中,apply函数将anotherPerson作为上下文对象,使得greeting函数的this指向anotherPerson。因此,执行greeting函数时输出的内容为“Hello, my name is Jerry”。

  1. 借用其他对象的方法

JavaScript中的对象是动态的,可以在运行时添加、删除属性和方法。有时我们希望将一个对象的方法作为另一个对象的方法来使用,此时可以使用apply函数。

例如,有一个数组arr,我们想使用数组的push方法向它添加元素:

var arr = [1, 2];
Array.prototype.push.apply(arr, [3, 4]);
console.log(arr); // [1, 2, 3, 4]

上面的代码中,apply函数将Array.prototype.push方法的this指向arr对象,使得push方法向arr数组中添加了元素。

总之,apply函数是JavaScript中一个非常实用的函数,可以用于传递参数、绑定this、借用其他对象的方法等场景。

你可能感兴趣的:(javascript,前端,开发语言)