一张图就可以看尽js的原型：注意红色箭头，就是js的原型链！！
由上面，两个注意：
1. console.log(X.prototype.__proto__);// 一个Object对象：{}
console.log(X.prototype.__proto__.__proto__);//null
__proto__是每个对象都具有的属性（在W3C标准的浏览器中，我们才可以直接访问）；prototype是每个function对象都具有的属性；然而，constructor确是原型对象而非普通实例对象具有的属性，系统自动为原型对象预添加的。
问题1：原型对象是怎么来的？什么是原型的继承??
答：其实，在系统载入定义的（任何函数）function Person时，会同时执行：Person.prototype = new Object(); Person.prototype.constructor = Person; 两者的关系的建立是系统底层自动完成的。因此原型对象Person.prototype的所有初始属性都是从Object中继承而来，而Person类的实例对象的初始属性再继承自原型对象，即也是从Object中继承而来，此乃原型继承。是故，可以理解为：Object类是所有类的父类。
如下一个例子：
Object.prototype.appleCount = 1000；//所有实例对象都会具有appCount属性！！！
console.log(p1.appleCount);//打印：1000
问题2：当实例对象和其原型具有部分同名属性时，js引擎会如何选择？
当实例对象和其原型具有部分同名属性时的一种情况：
var base = {
name : "base",
getName : function(){
console.log(this.name);//会打印
}
}
var p1 = {
name : "p1",
}
p1.__proto__ = base;
p1.getName();//！！！！打印出p1
这里有点类似于java中的：覆盖！！！可以理解为：父类的引用指向子类的对象！！
js对象产生对象的底层模拟（纯属意淫）：
//首先我们有一个Person函数：
function Person(){this.name = "luozhixiao";}
//1)当加载函数Person时,创建Person函数对象，然后执行：
Person.prototype = {};
Person.prototype.constructor = Person;
//2)当我们执行：new Person() 创建类对象时，底层实现模拟如下：
var __Person_Obj__ = {};
__Person_Obj__.__proto__ = Person.prototype;//这里是重点！
Person.apply(__Person_Obj__);
网友评论