javascript - get 操作符和 defineProperty 之间有什么有效的区别吗？

Question

get 之间有什么真正的区别吗？运算符(operator):

var obj = {
    get prop () {
        //insert code here
    }
};

并使用 defineProperty :

var obj;
Object.defineProperty(obj, "prop", {
    get: function () {
        //insert code here
    }
}

MDN 页面说兼容性大致相同。

Answer 1

Object.defineProperty 将默认为 enumerable: false 和 configurable: false，而对象文字 getter 语法将默认为 enumerable: true 和 configurable: true。这可以通过 Object.getOwnPropertyDescriptor(obj, "prop") 进行验证。

这意味着在前一种情况下 prop 将出现在 for-in 循环和 Object.keys(obj) 中，并且执行 delete obj.prop 将失败(在严格模式下会发出噪音，否则会静默)。后一种情况恰恰相反。

请注意，Object.defineProperty(或Object.create 或Object.defineProperties)将允许您分别选择的可配置性和可枚举性你的属性，而对象文字 getter 语法不会。