Javascript Object.defineProperty属性与方法具有相同的名称

Question

I'm new to js world and find jquery declares many properties as methods which make me very uncomfortable.Such as $("#foo").parent() which i think should be a property.

I know that js can also define property so i want to try redefine these method to corresponding property.

Object.defineProperty($.fn,"parent",
        {
            get:function () {
                return this.parent()
            },
            configurable:false,
            enumerable:true
        });

then i can use it like this $("#foo").parent

but i got a stackoverflow

jqueryplus.js:180 Uncaught RangeError: Maximum call stack size exceeded
    at n.fn.init.get [as parent] (jqueryplus.js:180)
    at n.fn.init.get [as parent] (jqueryplus.js:181)
    at n.fn.init.get [as parent] (jqueryplus.js:181)
    at n.fn.init.get [as parent] (jqueryplus.js:181)
    at n.fn.init.get [as parent] (jqueryplus.js:181)
    at n.fn.init.get [as parent] (jqueryplus.js:181)
    at n.fn.init.get [as parent] (jqueryplus.js:181)
    at n.fn.init.get [as parent] (jqueryplus.js:181)
    at n.fn.init.get [as parent] (jqueryplus.js:181)
    at n.fn.init.get [as parent] (jqueryplus.js:181)

What's happening here? In my mind, it should be possible for variables/property and methods to have the same name which i'm familiar with in other language such as c#,kotlin...

Answer 1

You're defining Object.parent to call himself, that's an infinite recursive loop.

The reason why jQuery defines functions to get properties is that it computes dynamic values at runtime, using an oldish coding style (getters and setters exist only from ES5.1 specs ). maybe what you could do is create shortcuts for those properties ( Object.prototype.par instead of parent ), but there's no effort on doing that IMHO.

Answer 2

here this.parent() is make calling function recursively. so give some other name to ur defined function something like getparent Object.defineProperty($.fn,"getparent", call this as $("#foo").getparent