javascript - 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

内存分析图如下：

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

最最重要的：zzz中没有getName函数，为什么可以直接调用啊？

解决方案

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

这篇关于javascript - js对象原型函数和js对象函数的疑问？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！