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",
    }
}

此时定义了apple对象，getInfo属性是一个函数，会在评估时返回属性``

apple.getInfo();

现在对函数进行求值，此时属性color 和type 已明确定义

函数在求值时获取这些属性的值，因此如果属性color和type发生变化，函数的返回值也会发生变化。

Answer 2

创建实例后调用该函数。定义后，它不会运行，也不会尝试访问属性，但是在您调用 getInfo() 函数的地方，它们都存在。事实上，无法在解析单个属性的解释器之间运行任何自定义 JavaScript 代码。

Answer 3

我预计 javascript 解析器/编译器会失败，因为 this.color 和 this.type 尚未定义。

编译器中的解析器并不关心。 JavaScript 不会评估是否可以找到属性或变量，直到使用它的代码执行。在属性的情况下，一个尚不存在的属性会被创建（如果您正在写入）或导致值undefined（如果您正在从中读取），所以即使您的对象没有color 和type 属性，代码仍然不会抛出错误。你只会得到字符串"undefined undefined apple"。

Javascript：使用 Object 字面量时，属性的顺序是否重要？

重要吗？ 可能不是。 有意义吗？ 是的，从最新规范 ES6（又名 ECMAScript 6 又名 ECMAScript 20150）开始。对象初始化程序中属性的顺序决定了属性的创建顺序，这反过来又部分设置了for-in 循环访问它们的顺序，它们在Object.keys 数组中出现的顺序等。（部分设置因为可以强制转换为整数的属性名称的处理方式不同。）但你很少关心。 this answer 和 this answer 中的详细信息（后者主要是关于数组，但也涉及非数组对象）。