顶部的 func bike() 是否已被底部的另一个函数覆盖

Question

var bike = function() {
  console.log(this.name);
}
var name = "Ninja";
var obj1 = { name: "Pulsar" };
var obj2 = { name: "Gixxer" };

var originalBikeFun = bike;
bike = function() {
  originalBikeFun.call(obj1);
};

bike();           // "Pulsar"
bike.call(obj2);  // "Pulsar"

我需要解释，因为我无法理解。当我将 originalBikeFun 分配给她时，顶部的功能（即自行车）是否被覆盖。这是如何运作的？ （顺便说一句，我只复制 mdn 提供的示例）#javascript

Answer 1

让我一步一步解释你的代码片段中发生了什么：

1. 您声明变量bike 并将其分配给它引用此函数：

function() {
  console.log(this.name);
}

1. 您声明变量 originalBikeFun 并将 reference 分配给上面提到的函数。此时，您有两个变量 bike 和 originalBikeFun，它们仅指向内存中存储函数的一个区域。
2. 您将这个新函数分配给（取消引用）bike 变量：

function() {
  originalBikeFun.call(obj1);
}

此时你有变量bike指向这个函数：

function() {
  originalBikeFun.call(obj1);
}

变量originalBikeFun指向之前分配的函数：

function() {
  console.log(this.name);
}

4. 当您调用 bike 函数时，这些代码行会执行：

a) originalBikeFun.call(obj1);
b) console.log(this.name);

所以这个调用的结果是“Pulsar”。

5. 当您调用bike.call(obj2) 时，与之前的函数调用的区别在于您只需将obj2 作为this 指针传递，但是因为在函数bike 中您只有一个重新分配this 指针的调用，所以有没有区别。