搞懂JavaScript中访问原型对象的两种方式的不同

1  实例对象.__proto__：    

        任何对象都有__proto__属性，指向当前构造函数的prototype属性的值，即原型对象。

       上面提到的任何对象，数组也是对象，因为数组字面量的底层原理  var arr = new Array() ,也是通过构造函数来实现的，arr就是构造出来的实例对象，通过arr.__proto__可以查看数组原型对象Array上的所有成员方法，然后我们才可以使用原型对象上的方法对数组进行操作。

2   构造函数.prototype

        函数都有prototype属性，不只是构造函数，构造函数的prototype的属性值就是原型对象，也称原型。

总结：

1.构造函数通过prototype属性访问到原型对象

2.实例对象通过__proto__属性访问到原型对象

 

 

思考：既然这两种方式都可以访问到原型对象，那有什么不同？

它不是个标准的属性，存在兼容问题，IE678不支持该属性，不要在代码中使用该属性

所以要： Person.prototype.color = 'red'  要这样操作原型对象，挂载我们需要的方法或属性

 

__proto__属性的优点：

项目不上线，只是做演示，可以使用，而且在不知道构造函数是什么的情况下，比如jQuery的JQ的实例对象，不知道是那个函数构造出来的，就可以直接通过

$body.__proto__ 查看到JQ对象的原型。