是什麼這之間的差異，自我，窗口和window.self

Question

如果我打開一個空白頁，我運行下面的命令，在JavaScript控制檯我得到了相同的結果：

>>> this 
    DOMWindow 

    >>> self 
    DOMWindow 

    >>> window 
    DOMWindow 

    >>> window.self 
    DOMWindow 

它們是指什麼？ ...相同的對象還是其他什麼？

Answer 1

window是腳本執行的當前瀏覽器窗口的引用。window.self顯然是其自身的自我引用。而且由於self這裏是全局對象window的一個屬性，所以它也可以被訪問，就像它本身是一個「全局」變量一樣：只是self。

所以最後三個在大多數情況下確實是一回事。

this但是完全不同：它是一個指向當前範圍的變量。如果您在控制檯中執行以下代碼：

> var myPackage = {} 
> myPackage.method = function() {console.log(this)} 
> myPackage.method() 

this將指向myPackage對象（的method範圍內）。

Answer 2

this 
DOMWindow 

this總是實際的上下文JavaScript表達式被稱爲中。所以你的情況其在全球範圍內，這是window對象，當你在瀏覽器中運行它。注意在nodeJs中運行相同的結果會給你另一個結果。

self 
//DOMWindow 

From the MDN Docs：

返回對象參照窗口對象。

window 
// DOMWindow 

它你叫什麼：window對象。

window.self 
//DOMWindow 

它和上面調用自己一樣導致你的上下文是窗口。因此，在全球範圍內調用window.self或self或this.self時是相同的。

Answer 3

總是這個關鍵字引用它被調用的上下文。但是即使在改變上下文之後，self和window也指向Window本身。

// Log function 
function logAll(){ 
    console.log("this >", this); 
    console.log("self >", self); 
    console.log("window >", window); 
    console.log("window.self >", window.self); 
    console.log("this.self >", this.self); 
}; 

// Class Car 
function Car(){ 
    this.self = 6; 
}; 

// Instance of Car 
var honda = new Car(); 
honda.self = 5; 

// logAll() called in context Gloabal 
logAll(); 

// Outputs 
this > Window 
self > Window 
window > Window 
window.self > Window 
this.self > Window 

// logAll() called in context honda 
logAll.call(honda); 

// Outputs 
this > Car { self= 5 } 
self > Window 
window > Window 
window.self > Window 
this.self > 5 

在這裏你可以看到當全球範圍內被稱爲this.self回報窗口，因爲在全球範圍內

this = windows 
this.self = windows.self 
this.self = Windows 

但是當你在本田汽車的一個實例的上下文：

this = honda 
this.self = honda.self 
this.self = 5 

在使用OOP和繼承時，上下文在Javascript中扮演着重要的角色。