javascript - js怎么设置一个对象的prototype
ringa_lee
ringa_lee 2017-04-11 11:25:16
[JavaScript讨论组]

查看MDN上继承与原型链这篇文章时,照着例子敲了下,结果发现当直接写o.prototype = oo时结果不是和上面说的一样。后来改为用Object.create(oo,{//属性特征对象...})后结果对了。想问,o.prototype = oo的写法是错误的么?另外o.prototype === oo 和Object.getPrototypeOf(o) === oo 怎么得出的结果不同呢?

附测试代码:

//var o = {a : 1,b : 2}; 

var oo = {b : 3,c : 4};
//o.prototype = oo;  //这样子是错的么?



//另一个方法
var o = Object.create(oo,{
  a:{
    configurable:true,
    enumerable:true,
    value:1,
    writable:true    
     },
  b:{
    configurable:true,
    enumerable:true,
    value:2,
    writable:true
    }
});


//console.log(oo.prototype);
console.log(Object.getPrototypeOf(o) === oo);
console.log(o.prototype === oo);//这里怎么和getPrototypeOf()得到的结果不同呢?
console.log(o.a);
console.log(o.b);
console.log(o.c);
console.log(o.d);

console.log("c" in o);


ringa_lee
ringa_lee

ringa_lee

全部回复(1)
大家讲道理

o.prototype = oo应该是o.__proto__ (书里可能是这么写的[[Prototype]])= oo;

console.log(o.prototype === oo);//这里怎么和getPrototypeOf()得到的结果不同呢?

同样这也应该是o.__proto__ === oo
getPrototypeOf()的意思是获取目标对象的原型对象。
o.prototype是获取o对象的prototype属性,是undefined,你要明白实例的隐式原型__proto__指向其原型对象,而直接访问实例的原型对象属性是访问不到的。

原型链的查找过程也是先查找自身,再去自身的__proto__属性指向的对象查找。
比如:a是A的实例。a.b
1.先在自身查找b属性,无。查找a.__proto__;
2.a.__proto__指向A.prototype;
3.在A.prototype上查找b属性,无。查找A.prototype.__proto__;
4.因为A.prototype是对象,则是对象构造函数Object的实例,所以A.prototype.__proto__指向Object.prototype;
5.在Object.prototype上查找b属性,无则不找返回undefined;
6.为什么不找了呢,可以这么理解,Object.prototype是对象构造函数Object的实例,又返回第四条了,所以Object.prototype无__proto__属性。

所有函数的__proto__都默认指向Function(){}的prototype;
所有对象的__proto__都默认指向Object(){}的prototype;(上边的第4步)


补充:函数才有prototype属性,普通对象只有__proto__,此属性的内容是实例的原型对象。实例的__proto__指向此原型对象。

写的有点乱。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号