Object.defineProperty polyfill

Question

我目前正在編寫一個基於ES5新功能的JavaScript API。它相當廣泛地使用Object.defineProperty。我已經纏到這兩個新的功能，稱爲Object.createGetSetProperty和Object.createValueProperty

不過，我遇到了舊的瀏覽器運行此問題（如可怕的，IE8）

考慮下面的代碼：

Object.createGetSetProperty = function (object, property, get, set, enumerable, configurable) { 
    if (!Object.defineProperty) throw new Error("Object.defineProperty is not supported on this platform"); 
    Object.defineProperty(object, property, { 
     get: get, 
     set: set, 
     enumerable: enumerable || true, 
     configurable: configurable || false 
    }); 
}; 

Object.createValueProperty = function (object, property, value, enumerable, configurable, writable) { 
    if (!Object.defineProperty) { 
     object[property] = value; 
    } else { 
     Object.defineProperty(object, property, { 
      value: value, 
      enumerable: enumerable || true, 
      configurable: configurable || false, 
      writable: writable || false 
     }); 
    } 
}; 

正如你所看到的，在Object.createValueProperty下有一個優雅的回退，但我不知道如何使用Object.createGetSetProperty正常回退。

有沒有人知道任何解決方案，墊片，polyfills爲此？

Answer 1

爲了清楚起見，您可能想要堅持使用標準術語並將您的例程命名爲defineDataProperty和defineAccessorProperty。

此外，您enumerable: enumerable || true將會導致即使調用者傳遞虛假true值...

無論如何，靜下心來，手頭上的問題：你不能在IE8做到這一點。據說defineProperty適用於IE8，但只適用於DOM對象。對於IE7和以下涉及在DOM對象上使用onpropertychanged事件有醜陋的黑客攻擊。所有這些在其他問題中都已經過了一些細節，例如Cross-browser Getter and Setter,JavaScript getter support in IE8和其他許多問題。