JS基础——原型链

1. 定义：原型是function对象的一个属性，它定义了构造函数构造出的对象的共同祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。
   

注：构造函数本身只是构造和生产对象的加工工厂，它生产出的对象才拥有实际的
方法和属性等，所以从本质上来理解，原型是这些对象们的原型（可以理解成实例
对象的设计原型图）。

  function.prototype = {}     -->     原型
  
  Person.prototype.LastName = 'Deng';                
  //可以给原型添加属性
  
  Person.prototype.say = function(){                    
  //可以给原型添加方法
            console.log('hehe');
        }
  Person.prototype.height = 299;

//给原型批量添加属性的另一种写法——新建对象，添加属性名和属性值
//（这种是指向了新的对象空间）
/*
Person.prototype = {
    LastName : 'Deng',
    say : function(){},
    height : 299
}
*/

/*原型应用     ->     
可以将重复、耦合的代码放到原型中，避免每次创建对象时重复执行
(如声明相同的变量和方法等
	——由于变量和方法都会存储在实例化的这个对象身上，重复的声明就浪费了多
	余的空间)
将重复的代码放到原型身上，由于原型可以被对象继承，可以直接继承使用
*/
function Person(){
        }

        var person1 = new Person();
        var perosn2 =  new Person();
        console.log(person1.say());                          
        //构造出的对象可以继承该原型的方法
        console.log(person2.say());

2. 利用原型的特点和概念，可以提取共有属性

//原型的增、删、改、查
        //原型本身也是一个对象，各种操作和对象是一样的
        Person.prototype.lastName = 'Deng';  //给原型添加属性
        
        function Person(name){    
            this.name = name;
        }


        var person = Person('sumi');
        Person.prototype.lastName = 'Jamas';  //修改原型属性
        //person.lastName = 'Jamas';                         
        //-->     给对象添加了新的属性

3. 对象如何查看原型 --> 对象身上有隐式属性 _proto_指向原型

• 该属性指向构造函数的原型，构造函数构造出的对象中没有找到想要的属性时，会通过这一属性，去查找指向的原型中是否有想要的属性
• 该属性可被修改，修改后，会按照新的索引去到新指向的原型中，查找想要的属性

4. 对象如何查看对象的构造函数 constructor（原型中的隐式的属性）

Car.prototype = {
    constructor : Car,     //隐式的属性，指向构造方法本身
    //可手动更改     -->     constructor : Person
}
function Car() {}

试题分析

		// 1. 定义原型上的属性
  		Person.prototype.name = 'sunny';
        function Person(){
        // 2.创建构造函数
            // var this = { __proto__ : Person.prototype }  
            //__proto__属性并没有改变，此时原型中的name仍为sunny
        }
 
        // 3. 实例化对象，用的是name为sunny的原型
        var person = new Person();

		// 4. 指向新的原型空间
        Person.prototype = {
            name : 'cherry'
        }   
                                                                  
        //总结：在原型指向新的对象空间之前，对象已经被构造出来了
       // （step 3 先于 step 4）
 
        console.log(person.name);                    
        //输出 sunny     因为该实例化对象的原型是指向旧空间的原型，沿着__proto__属性指向的原型去查找name属性值，得出的就是sunny

原型链

* 如何构成原型链 xxx.prototype = yyy;
* 原型链的增、删、改、查
* 绝大多数对象最后都会继承自Object.prototype
* Object.create(prototype, definedProperty)     
	-->     基于原型创建对象