JS高级---原型到原型链（一看就懂）
构造函数创建对象
==========咱们先来一个栗子=======
function Person(name){ //构造函数
this.name=name;
}
Person.prototype.printName=function( ){ //原型对象
alert(this.name);
}
var person1=new Person('ming'); //实例化对象
console.log(person1.__proto__); //这里自己打印一下，印象更深刻
console.log(person1.constructor);//
console.log(Person.prototype);//
var person2=new Person('Frank');（注意这里的大小写）Person的实例person1中包含了name属性，同时也自动生成一个__proto__属性，该属性指向Person的prototype，可以访问到prototype内定义的printName方法，大概就 是这个样子的:每个JavaScript函数都有prototype属性，这个属性引用了一个对象，这个对象就是原型对象。原型对象初始化的时候是空的，我们可以在里面自定义任何属性和方法，这些方法和属性都将被该构造函数所创建的对象继承。（下一篇我会更详细的介绍原型，很暴力的）
实例是通过构造函数创建的。实例一创造出来就具有constructor属性（指向构造函数）和__proto__属性（指向原型对象），
构造函数中有一个prototype属性，这个属性是一个指针，指向它的原型对象。
原型对象内部也有一个指针（constructor属性）指向构造函数:Person.prototype.constructor = Person;
实例可以访问原型对象上定义的属性和方法。
在这里person1和person2就是实例，prototype是他们的原型对象。
//========再来一个栗子===========
function Animal(name){ //构造函数
this.name = name; //设置对象属性
}
Animal.prototype.behavior = function() {
console.log("this is a "+this.name);
}
var Dog = new Animal("dog");
var Cat = new Animal("cat");
Dog.behavior();//通过Dog对象直接调用behavior方法
Cat.behavior(); //"this is a cat"
console.log(Dog.behavior==Cat.behavior);// true;
//总结：构造函数的prototype上定义的方法确实可以通过对象直接调用到，而且代码是共享的。prototype属性指向Animal对象。
================= 开始正题 ==================
-1-Prototype:
每个函数都有一个prototype属性，也只有函数有该属性。
function Person(){ }
Person.prototype.name = 'name';
var person1 = new Person();
var person2 = new Person();
console.log(person1.name) // name
console.log(person2.name) //name
问：那这个函数的prototype属性到底指向的是什么呢？是这个函数的原型吗？
问：什么是原型？每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型”继承”属性。
-2-__proto__：
怎么表示实例与实例原型，也就是person和Person.prototype之间的关系呢，这时候我们就要讲到第二个属性：
__proto__。每一个JavaScript对象(除了null)都具有的一个属性，叫__proto__，这个属性会指向该对象的原型。
function Person( ){
}
var person = new Person();
console.log(person.__proto__ === Person.prototype); //true
问：既然实例对象和构造函数都可以指向原型，那么原型是否有属性指向构造函数或者实例呢？
-3- constructor
没有指向实例的，因为一个构造函数可以生成多个实例，但是原型指向构造函数是有的，这就要讲到第三个属性：construcotr，每个原型都有一个constructor属性指向关联的构造函数
为了验证这一点，我们可以尝试：
function Person() {
}
console.log(Person === Person.prototype.constructor); //true
精华----综上总结：（看清大下写）
function Person() { //构造函数
}
var person = new Person(); //实例对象
console.log(person.__proto__ == Person.prototype) //true
console.log(Person.prototype.constructor == Person) // true// 顺便学习一个ES5的方法,可以获得对象的原型console.log(Object.getPrototypeOf(person) === Person.prototype) //true
实例与原型
当读取实例的属性时，如果找不到，就会查找与对象关联的原型中的属性，如果还查不到，就去找原型的原型，一直找到最顶层为止。
======举个例子：=========
function Person() {
}
Person.prototype.name = 'name';
var person = new Person();
person.name = 'name of this person';
console.log(person.name) // name of this person
delete person.name;
console.log(person.name) // name
我设置了person的name属性，所以我可以读取到为’name of this person’，当我删除了person的name属性时，读取person.name，从person中找不到就会从person的原型也就是person.__proto__ == Person.prototype中查找，幸运的是我们找到了为’name’，但是万一还没有找到呢？哪原型的原型又是什么呢？
在前面，我说过原型也是一个对象，既然是对象，我就可以用最原始的方式创建它，那就是
var obj = new Object();//字面两创建对象new一个
obj.name = 'name'；
console.log(obj.name) // name
所以原型对象是通过Object构造函数生成的，结合之前所讲,实例的__proto__指向构造函数的prototype,关系图：
原型链
问：Object.prototype的原型是什么？
图中由相互关联的原型组成的链状结构就是原型链，也就是蓝色的这条线。
补充,最后，补充和纠正本文中一些不严谨的地方：
首先是constructor,
function Person() {
}
var person = new Person();
console.log(person.constructor === Person); // true
当获取person.constructor时，其实person中并没有constructor属性,当不能读取到constructor属性时，会先从person的原型也就是Person.prototype中读取，正好原型中有该属性，所以
person.constructor === Person.prototype.constructor