strange javascript property definition using polymer

Question

In the following code xFoo will be an object that (or its prototype) has an actual property bar with a value of 5 and it will will have an actual method foo(). What kind of object notation is this? This is not how I define properties in ECMAScript 5. I would have expected that xFoo.bar is an object that has a function get() and that xFoo.foo is an object that has a method value(). What am I missing here?

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();

possible duplicate of [Object.defineProperty in ES5?](http://stackoverflow.com/questions/3830800/object-defineproperty-in-es5) — kirilloid, Mar 24 '14 at 23:36

score 1 · Accepted Answer · answered Mar 24 '14 at 23:24

1

Yes, my guess was correct:

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

Sorry, but have you at least tried to google javascript Object.create?

answered Mar 24 '14 at 23:24

kirilloid

14,011
6
38
52

Ooops, dumb question, I wish I could delete it. Thank's for pointing out the obvious! *blush* – bitbonk Mar 24 '14 at 23:27

score 0 · Answer 2 · answered Mar 24 '14 at 23:25

0

What kind of object notation is this? This is not how I define properties in ECMAScript 5.

Of course it is. Just have a look at the docs of ES 5 Object.create. It uses the same property descriptors as Object.defineProperties does.

answered Mar 24 '14 at 23:25

Bergi

630,263
148
957
1,375

strange javascript property definition using polymer

2 Answers2