var person = function(name){ this.name = name }; person.prototype.getName = function(){ return this.name; } var zzz = new person('zzz'); console.log(zzz.getName()); // zzz console.log(zzz.__proto__.getName());//undefined
内存分析图如下:
那么,不应该是zzz.__ptoto__.getName()吗?但它是undefined。反而zzz.getName()有值,为什么呢 ?
最最重要的:zzz中没有getName函数,为什么可以直接调用啊?
zzz.__proto__
指向的是zzz的原型对象,而在原型对象上执行getName
方法时,此时的this
指向的是这个原型对象而不是zzz
,所以name
属性在原型对象上没有定义,所以为undefined
在原型对象上添加
name
属性,就能看到其值https://www.zhihu.com/questio...
我思考了下感觉我可能也分不太清,所以找了个知乎帖子,不知道能否帮上你.
具体不太了解,但是症结肯定是出在
this
上面,你可以试试把getName
改一下:当
zzz.getName()
调用的时候,this
是zzz
当
zzz.__proto__.getName()
调用的时候,this
是zzz.__proto__
。这是没问题的,说明实例的
__proto__
指向的的确是构造函数的prototype
至于为啥运行会出错,那是因为
zzz.__proto__.getName()
运行的时候,调用getName
的对象是zzz.__proto__
,所以,里面的this
是指向它的,当然返回的就是undefined
了情况大致是这样的:
zzz.__proto__
显然没有name
属性,他是zzz
原型,显然没有具体实例的属性值。最最重要的:zzz中没有getName函数,为什么可以直接调用啊?