背景介绍

JS中万物皆对象，但是分为两大类，函数对象，普通对象

所有的函数对象都有一个prototype属性，这个属性引用了一个对象，即原型对象，也称原型。 然而普通对象是没有prototype属性，只有_proto_属性

知识剖析

vara = {};console.log(a.prototype);//undefined

console.log(a.proto);//Object {}

var b =function(){}

console.log(b.prototype);//b {}

console.log(b.proto);//function() {}

/1、字面量方式/

var a = {};

console.log(a.proto); //Object {}

console.log(a.proto === a.constructor.prototype); //true

/2、构造器方式/

var A = function(){};

var a = new A();

console.log(a.proto); //A {}

console.log(a.proto === a.constructor.prototype); //true

/3、Object.create()方式/

var a1 = {a:1}

var a2 = Object.create(a1);

console.log(a2.proto); //Object {a: 1}

console.log(a.proto === a.constructor.prototype); //false

constructor 属性返回对创建此对象的数组函数的引用

_proto_的指向取决于对象创建时的实现方式

大多数情况下，proto_可以理解为构造器的原型，即：_proto === constructor.prototype

但是通过Object.create()创建的对象不使用此等式

functionFoo1(){this.name1 =’1’;}

functionFoo2(){this.name2 =’2’;}

Foo2.prototype =newFoo1();

functionFoo3(){this.name =’3’;}

Foo3.prototype =newFoo2();

varfoo3 =newFoo3();

console.log(foo3);

当我们「读取」 foo3的某个属性得时候，jS 引擎会做下面的事情：

1. 看看 foo3 对象本身有没有这个属性。没有就走到下一步。

2. 看看 foo3.proto 对象有没有这个属性，发现 foo3.proto 有这个属性，于是找到了

3. 如果 foo3.proto 没有，那么浏览器会继续查看 foo3.proto.proto

4. 如果 foo3.proto.proto 也没有，那么浏览器会继续查看 foo3.proto.proto.proto__

5. 直到找到 或者 proto 为 null。

常见问题

若想访问一个对象的原型，应该使用什么方法？

解决办法

1、使用_proto_属性

每个JS对象一定对应一个原型对象，并从原型对象继承属性和方法。

对象__proto__属性的值就是它所对应的原型对象；

使用__proto__是有争议的，而且是不鼓励的。 它从来没有被包括在EcmaScript语言规范中，但是现代浏览器实现了它, 无论如何。__proto__属性已在ECMAScript 6语言规范中标准化，用于确保Web浏览器的兼容性，因此它未来将被支持。它已被不推荐使用, 建议使用Object.getPrototyOf()

参考文章：

参考一： JS重点整理之JS原型链彻底搞清楚

参考二： 三张图搞懂JavaScript的原型对象与原型链

问题

Q：prototype和_proto_区别

A：所有的函数对象都有一个prototype属性，这个属性引用了一个对象，即原型对象，也称原型。 然而普通对象是没有prototype属性，只有_proto_属性

Q：constructor 代表什么

A：constructor 属性返回对创建此对象的数组函数的引用

Q:_proto_的指向哪里

A:_proto_的指向取决于对象创建时的实现方式