调用和应用之间的区别是什么？

使用Function.pr原型.apply（）和Function.pr原型.call（）调用函数有什么区别？

var func = function() {
  alert('hello!');
};

函数.apply（）；vs func.call（）；

上述两种方法之间是否存在性能差异？何时最好使用呼叫转移应用，反之亦然？

当前回答

让我补充一点细节。

这两个调用几乎相等：

func.call(context, ...args); // pass an array as list with spread operator

func.apply(context, args);   // is same as using apply

只有一个微小的区别：

排列运算符。。。允许传递可迭代参数作为要调用的列表。apply只接受类似数组的参数。

因此，这些呼叫是相辅相成的。在我们期望可迭代的地方，调用工作，在我们期望类似数组的地方，应用工作。

对于既可迭代又类似于数组的对象，比如真正的数组，我们技术上可以使用它们中的任何一个，但apply可能会更快，因为大多数JavaScript引擎内部对其进行了更好的优化。

2019-09-12 07:38:38

其他回答

主要的区别是，使用调用，我们可以改变作用域并按正常方式传递参数，但apply允许您使用参数作为数组调用它（将它们作为数组传递）。但就它们在代码中的作用而言，它们非常相似。

虽然此函数的语法与apply（），基本区别是call（）接受一个参数list，而apply（）接受一个参数数组。

因此，正如您所看到的，这并没有太大的区别，但仍然有一些情况我们更喜欢使用call（）或apply（）。例如，查看下面的代码，使用apply方法从MDN中查找数组中最小和最大的数字：

// min/max number in an array
var numbers = [5, 6, 2, 3, 7];

// using Math.min/Math.max apply
var max = Math.max.apply(null, numbers); 
// This about equal to Math.max(numbers[0], ...)
// or Math.max(5, 6, ...)

var min = Math.min.apply(null, numbers)

所以主要的区别只是我们传递参数的方式：电话：

function.call(thisArg, arg1, arg2, ...);

应用：

function.apply(thisArg, [argsArray]);

2017-05-11 14:35:58

根本区别在于，call（）接受一个参数列表，而apply（）接受单个参数数组。

2014-02-28 04:57:48

K.Scott Allen对这件事有很好的评论。

基本上，它们在处理函数参数的方式上有所不同。

apply（）方法与call（）方法相同，只是apply（需要一个数组作为第二个参数。数组表示目标方法的参数。"

So:

// assuming you have f
function f(message) { ... }
f.call(receiver, "test");
f.apply(receiver, ["test"]);

2009-12-31 19:59:36

调用、应用和绑定的另一个示例。Call和Apply之间的区别很明显，但Bind的工作原理如下：

Bind返回可以执行的函数的实例第一个参数是“this”第二个参数是逗号分隔的参数列表（如Call）

}

function Person(name) {
    this.name = name; 
}
Person.prototype.getName = function(a,b) { 
     return this.name + " " + a + " " + b; 
}

var reader = new Person('John Smith');

reader.getName = function() {
   // Apply and Call executes the function and returns value

   // Also notice the different ways of extracting 'getName' prototype
   var baseName = Object.getPrototypeOf(this).getName.apply(this,["is a", "boy"]);
   console.log("Apply: " + baseName);

   var baseName = Object.getPrototypeOf(reader).getName.call(this, "is a", "boy"); 
   console.log("Call: " + baseName);

   // Bind returns function which can be invoked
   var baseName = Person.prototype.getName.bind(this, "is a", "boy"); 
   console.log("Bind: " + baseName());
}

reader.getName();
/* Output
Apply: John Smith is a boy
Call: John Smith is a boy
Bind: John Smith is a boy
*/

2015-03-31 07:32:05