javascript - js怎么设置一个对象的prototype

问题描述

问 题

查看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);

解决方案

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__指向此原型对象。

写的有点乱。

这篇关于javascript - js怎么设置一个对象的prototype的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！