請解釋

Question

的代碼如下給出的給定的代碼的輸出：

function a() { 
    function makeWorker() { 
     this.ename = "Pete"; 
     return function() { 
      console.log(this); 
      console.log(this.ename); 
     }; 
    } 


    var work = makeWorker(); 
    work(); 
} 
var ename = "John"; 
a(); 

this.name輸出到「皮特」。但我已經定義在全局scope.So另一個變量的ename爲什麼是「皮特「打印而不是」John「？程序運行在非嚴格模式下。

Answer 1

在JavaScript中有幾個不同的作用域。變量名是在函數的範圍內創建的。要訪問全局範圍變量，你必須以不同的方式調用它們。

https://www.w3schools.com/js/js_scope.asp

Answer 2

makeWorker是一種多餘這裏如果a()被稱爲無this無論如何，讓我們用它做什麼代替調用makeWorker：

function a() { 
    this.ename = "Pete"; 
    var work = function() { 
     console.log(this); 
     console.log(this.ename); 
    }; 
    work(); 
} 

var ename = "John"; 
a(); 

，代之以調用work它做什麼：

function a() { 
    this.ename = "Pete"; 
    console.log(this); 
    console.log(this.ename); 
} 

var ename = "John"; 
a(); 

and replac E中的呼叫a用它做什麼，再假設this是全局對象：

var ename = "John"; 
this.ename = "Pete"; 
console.log(this); 
console.log(this.ename); 

所以您將全局ename到"John"，然後將其設置爲"Pete"，然後打印出來，其結果是"Pete"。沒有什麼奇怪的。它可以幫助你時，每項任務在原來的代碼恰好記錄了一句：

function a() { 
 
    function makeWorker() { 
 
     console.log("Setting ename to Pete"); 
 
     this.ename = "Pete"; 
 
     return function() { 
 
      console.log(this.ename); 
 
     }; 
 
    } 
 

 
    var work = makeWorker(); 
 
    work(); 
 
} 
 

 
console.log("Setting ename to John"); 
 
var ename = "John"; 
 
a();

Answer 3

它看起來像您正在執行的makeWorker，這是簡單的重寫變量的ename，和你想要訪問全局變量。

看看這篇文章。 How to access global variable in function hook in javascript?