javascript - chrome开发者工具如何查看对象继承情况，下图在哪查看？

问题描述

问 题

请问下图中的继承链在哪查看？

var obj1 = {
  name: "ys",
  age: 12
};
obj1.prototype = {
  sayName: function(){
    return console.log(this.name);
  }
};

①对象参数，只继承对象

var obj2 = Object.create(obj1);
console.log(obj2);                 //{}
console.log(obj2.name);               //ys
/*console.log(obj2.sayName());*/          /* 报错 obj2.sayName is not a function*/
console.log(obj2.__proto__.prototype.sayName());  //ys 理解原型的原型

如果不理解的话，看下面的图:

②对象原型，继承对象原型

var obj3 = Object.create(obj1.prototype);
console.log(obj3);                 //{}
console.log(obj3.name);               //undefined，没有继承对象本身
obj3.name = "ys";
console.log(obj3.name);               //ys
console.log(obj3.sayName());          //ys

代码不理解看图（设置name后的图）：

解决方案

__proto__下

这篇关于javascript - chrome开发者工具如何查看对象继承情况，下图在哪查看？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！