使用调用并在Javascript中应用的上下文？

伙计们可以解释使用Java的上下文call和apply方法吗？

为什么使用call而apply不是直接调用函数？

您可以使用call或apply当您要将不同的this值传递给函数时。从本质上讲，这意味着您希望像执行特定对象的方法一样执行函数。两者之间的唯一区别是call期望参数用逗号分隔，而apply期望参数在数组中。

Mozillaapply页面上的示例，其中构造函数被链接在一起：

function Product(name, price) {
    this.name = name;
    this.price = price;

    if (price < 0)
        throw RangeError('Cannot create product "' + name + '" with a negative price');
    return this;
}

function Food(name, price) {
    Product.apply(this, arguments);
    this.category = 'food';
}
Food.prototype = new Product();

function Toy(name, price) {
    Product.apply(this, arguments);
    this.category = 'toy';
}
Toy.prototype = new Product();

var cheese = new Food('feta', 5);
var fun = new Toy('robot', 40);

什么Product.apply(this, arguments)所做的是以下情况：该Product构造函数被施加为在每个的功能Food和Toy构造，并且每个这些对象实例的正与传递this。因此，每一个Food和Toy现在拥有this.name和this.category性能。

仅当您使用call或apply可以this在函数内部修改上下文时。

与其他语言不同，JavaScriptthis中的不是引用当前对象，而是执行上下文，可以由调用者设置。

如果使用new关键字调用函数，this则将正确引用新对象（在构造函数内部）。

但在所有其他情况下-this除非通过调用明确设置，否则将引用全局对象

您可以使用.call()，当你想引起不同的执行函数this值。它this按指定设置值，按指定设置参数，然后调用函数。.call()与执行函数之间的区别是执行函数this时指针的值。当您正常执行该函数时，javascript会决定this指针是什么（通常是全局上下文，window除非将该函数作为对象上的方法调用）。使用时.call()，您可以精确指定要this设置的内容。

您可以使用.apply()，当你想传递给函数的参数是一个数组。 .apply()也会导致函数以特定this值执行。 .apply()当您不确定地来自其他来源的参数数量时，最常使用该参数。它也经常通过使用特殊的局部变量来将参数从一个函数调用传递到另一个函数，该局部变量arguments包含传递给当前函数的参数数组。

我找到了MDN引用页面.CALL（）和。适用（）有帮助。

如果您有使用jQuery的经验，您将知道大多数函数都使用该this对象。例如，collection.each(function() { ... }); 在此函数内部，"this"引用迭代器对象。这是一种可能的用法。

我个人曾经用于.apply()实现请求队列-我将参数数组推入队列，当需要执行该参数时，我采用一个元素，并将其作为处理程序函数的参数传递给.apply()，从而使如果必须将参数数组作为第一个参数传递，则使用代码清理器。那是另一个例子。

通常，请记住，存在那些调用函数的方法，您可能有一天会发现它们可方便地用于实现程序。

如果您有经验，Object Oriented Programming那么将继承与继承进行比较，并从子类覆盖父类的属性或方法/函数，则调用并应用将很有意义。与javascript中的调用类似，如下所示：

function foo () {
  this.helloworld = "hello from foo"
}
foo.prototype.print = function () {
  console.log(this.helloworld)
}

foo.prototype.main = function () {
  this.print()
}


function bar() {
  this.helloworld = 'hello from bar'
}
// declaring print function to override the previous print
bar.prototype.print = function () {
  console.log(this.helloworld)
}

var iamfoo = new foo()

iamfoo.main() // prints: hello from foo

iamfoo.main.call(new bar()) // override print and prints: hello from bar

我想不出任何正常情况，将thisArg设置为不同的东西是使用apply的目的。

apply的目的是将值数组传递给希望将这些值作为参数的函数。

它已被点播运营商取代为所有常规日常使用。

例如

// Finding the largest number in an array
`Math.max.apply(null, arr)` becomes `Math.max(...arr)`

// Inserting the values of one array at the start of another
Array.prototype.unshift.apply(arr1, arr2); 
// which becomes 
arr1 = [...arr2, ...arr1]