js中call和apply的区别

在JavaScript中，call 和 apply 都是函数对象的方法，它们的主要用途是调用一个函数，并具有一个指定的this值，以及作为单独参数列出的一个或多个参数。尽管这两个方法的功能相似，但它们在处理参数的方式上有所不同。

 

区别

参数传递方式：

call 方法接受一个参数列表，即函数内部的this值，后跟函数本身的参数（作为单独的参数）。

apply 方法接受两个参数：第一个参数是函数内部的this值，第二个参数是一个数组或者类数组对象，其中的数组元素将作为单独的参数传给function。

使用场景：

当你知道要传递给函数的参数个数时，使用call通常更直观。

当你有一个参数数组并希望将其传递给函数时，使用apply更方便。

例子

使用 call

javascript

function greet(greeting, punctuation) {

  return greeting + ', ' + this.name + punctuation;

}

 

var obj = {name: 'World'};

 

console.log(greet.call(obj, 'Hello', '!')); // 输出 "Hello, World!"

 

使用 apply

javascript

function greet(greeting, punctuation) {

  return greeting + ', ' + this.name + punctuation;

}

 

var obj = {name: 'World'};

var args = ['Hello', '!'];

 

console.log(greet.apply(obj, args)); // 输出 "Hello, World!"

 

 

在上面的例子中，call 和 apply 都用于调用greet函数，并将obj作为this的上下文。然而，它们处理参数的方式是不同的。在call的例子中，参数是直接作为单独的参数传递的，而在apply的例子中，参数是作为数组传递的。