使用聚合物的奇怪的javascript屬性定義

Question

在以下代碼xFoo將是一個對象（或其原型）具有實際屬性bar值爲5，它將有一個實際方法foo()。這是什麼樣的對象符號？這不是我如何在ECMAScript 5中定義屬性的方法。我本來預計xFoo.bar是一個具有函數get()的對象，並且xFoo.foo是一個具有方法value()的對象。我在這裏錯過了什麼？

var XFoo = document.registerElement('x-foo', { 
    prototype: Object.create(HTMLElement.prototype, { 
     bar: { 
      get: function() { 
       return 5; 
      } 
     }, 
     foo: { 
      value: function() { 
       alert('foo() called'); 
      } 
     } 
    }) 
}); 

var xFoo = new XFoo(); 

Answer 1

是的，我的猜測是正確的：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/create#Parameters

對不起，但你至少嘗試谷歌javascript Object.create？

Answer 2

這是什麼樣的對象符號？這不是我如何定義ECMAScript 5中的屬性。

當然是這樣。只需看看docs of ES 5 Object.create。它使用與Object.defineProperties相同的property descriptors。