Javascript：使用對象字面量時，屬性的排序很重要嗎？

Question

以從下面的例子： http://www.phpied.com/3-ways-to-define-a-javascript-class/

var apple = { 
    type: "macintosh", 
    color: "red", 
    getInfo: function() { 
     return this.color + ' ' + this.type + ' apple'; 
    } 
}; 

現在我移動的getInfo（）方法在我的對象聲明的頂部。

var apple = { 
    getInfo: function() { 
     return this.color + ' ' + this.type + ' apple'; 
    }, 
    type: "macintosh", 
    color: "red", 
}; 

apple.getInfo(); 
red macintosh apple 

我期待JavaScript解析器/編譯器失敗，因爲this.color和this.type尚未定義。這是如何在內部工作的？

（這個問題本來是一個ExtJS的框架問題在這裏：ExtJS: settings properties via a function on the Prototype: is it a safe pattern?，但我意識到這是一個更一般的JavaScript的問題，因此這個新）

Answer 1

函數內部的代碼在調用之前不會被執行，因此this的屬性color在調用apple.getInfo()之前不會被執行。

編輯：

var apple = { 
    getInfo: function() { 
     return this.color + ' ' + this.type + ' apple'; 
    }, 
    type: "macintosh", 
    color: "red", 
    } 
} 

此時蘋果對象被定義，並且getInfo屬性是將返回的屬性``當評價

apple.getInfo(); 

的函數

函數現在被評估，並且屬性IES color和type已清楚地已經在這一點上，當它被評估，從而如果屬性color和type改變時，函數的返回值的變化太

功能獲得這些屬性的值來定義。

Answer 2

所做的實例後調用該函數。在定義時，它不會運行，不會嘗試訪問屬性，但是在您調用函數的地方，它們全都存在。實際上，在解釋器解析各個屬性之間沒有辦法運行任何定製的JavaScript代碼。

Answer 3

我期待JavaScript解析器/編譯器失敗，因爲this.color和this.type尚未定義。

編譯器中的解析器不關心。 JavaScript不會評估是否可以找到屬性或變量，直到使用它的代碼是執行。在屬性的情況下，一個不存在的屬性只是被創建（如果你正在寫它）或者結果爲undefined（如果你正在讀取它），那麼即使你的對象沒有被創建，沒有color和type屬性，代碼仍然不會引發錯誤。你只會得到字符串"undefined undefined apple"。

Javascript：使用Object literal時，屬性排序是否重要？

問題？可能不是。 有意義嗎？是的，截至ES6（aka ECMAScript 6 aka ECMAScript 20150），最新規範。對象初始值設定項中的屬性順序決定了屬性的創建順序，反過來又通過for-in循環部分設置它們的訪問順序，它們在Object.keys數組中顯示的順序等。（部分原因是屬性名稱可以強制整數的處理方式不同。）但是，您很少關心。在this answer和this answer（後者主要是關於數組，但觸及非數組對象的細節）。