js对象原型函数和js对象函数的疑问?

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

内存分析图如下:

clipboard.png

那么,不应该是zzz.__ptoto__.getName()吗?但它是undefined。反而zzz.getName()有值,为什么呢 ?

最最重要的:zzz中没有getName函数,为什么可以直接调用啊?

阅读 3.4k
6 个回答
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.__proto__指向的是zzz的原型对象,而在原型对象上执行getName方法时,此时的this指向的是这个原型对象而不是zzz,所以name属性在原型对象上没有定义,所以为undefined

在原型对象上添加name属性,就能看到其值

var person = function(name){
this.name = name
};
person.prototype.name="prototype_name";
person.prototype.getName = function(){
 return this.name; 
}

var zzz = new person('zzz');
console.log(zzz.getName()); // zzz
console.log(zzz.__proto__.getName());//prototype_name

具体不太了解,但是症结肯定是出在this上面,你可以试试把getName改一下:

person.prototype.getName = function(){
 console.log(this)
 return this.name; 
}

zzz.getName()调用的时候,thiszzz
zzz.__proto__.getName()调用的时候,thiszzz.__proto__

zzz.__proto__.getName === person.prototype.getName
// true

这是没问题的,说明实例的__proto__指向的的确是构造函数的prototype

至于为啥运行会出错,那是因为zzz.__proto__.getName()运行的时候,调用getName的对象是zzz.__proto__,所以,里面的this是指向它的,当然返回的就是undefined

情况大致是这样的:
图片描述

zzz.__proto__显然没有name属性,他是zzz原型,显然没有具体实例的属性值。

最最重要的:zzz中没有getName函数,为什么可以直接调用啊?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题