Google Chrome Object.defineProperty中的错误行为?

时间:2013-10-13 19:27:50

标签: javascript google-chrome defineproperty

我正在尝试使用setter和getter创建一个对象,这是我的代码:

var Player = function(height){
    var _height = height;

    Object.defineProperty(this, 'height', {
      enumerable: false
    , configurable: true
    , writable: false
    , get: function(){return _height;}
    , set: function(val){_height = val;}
    });
}

var myPlayer = new Player(10);

即使defineProperty选项的writable属性设置为false,我也会收到以下错误:

Invalid property. A property cannot both have accessors and be writable or have a value, #<Object>

writable设置为true时会发生同样的情况,但如果删除writable行,错误就会消失。

我做错了什么,或者这是一个错误?这种情况发生在谷歌浏览器上,版本30.0.1599.66

1 个答案:

答案 0 :(得分:34)

Object.defineProperty的{​​{3}}澄清了这一点:

  

对象中存在的属性描述符有两种主要形式:数据描述符和访问器描述符。数据描述符是具有值的属性,该值可以是也可以不是可写的。访问器描述符是由getter-setter函数对描述的属性。描述符必须是这两种风格之一;它不可能都是。

这意味着您可以使用其中任何一个:

  • writablevalue
  • getset

但你不能使用它们的任何组合。在您的示例中,您指定了writable属性,这意味着它是一个数据描述符,它不允许getset属性。