js之对象(四)（经典）

原型：

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

2、利用原型特点和概念，可以提取共有属性。将一类对象的共有属性提取出来，放到该类对象的原型中，从而不需要每次用new操作符时都重新定义一遍该共有属性。

如下，定义一个Person构造函数，而属于Person多构造对象共有的属性方法，则定义到Person的原型中

      Person.prototype = {
        eat: function (food) {
           console.log('I have eated ' + food);
        },
        sleep: function () {
          console.log("I am sleeping");
        }
      }
      // 人的构造函数
      function Person (name, age) {
        this.name = name;
        this.age = age;
      }
      var person1 = new Person('lyk', 18);
      console.log(person1.name); //lyk
      person1.eat('apple'); //I have eated apple

3、如何查看原型：

之前是不允许我们查看构造函数的原型的，但后来提供了一个可查看构造函数原型的接口：隐式属性__proto__（其实我们能够访问原型的属性，或者说继承原型，靠的就是__proto__属性连接着构造函数和原型，可以说没有__proto__属性的存在，就无法实现原型的继承）

（1）、首先我们先说明一下__proto__这个接口是存放到哪里的

看过以上对象创建过程的都应该知道在用new创建一个对象时，内部会隐式自动创建一个this的对象，进过一系列处理后再隐式将this对象返回。而__proto__就对于隐式创建的this对象中，如下代码：

   // 原型
    Person.prototype = {
      say: function () {
        console.log("I am saying ");
      },
      play: function () {
        console.log("I am playing");
      }
    }
    // 构造函数
    function Person (name) {
      
      // var this = Object.create(Person.prototype);
      // p.s.在隐式创建的this对象中存在一个属性，即__proto__，该属性存储了Person.prototype

      this.name = name;

      // return this;
    }
    // 对象的创建
    var person1 = new Person('lyl');
    // 打印原型
    console.log(person1.__proto__);  

（2）、如何查看原型：直接通过new操作符创建的对象访问__proto__属性即可，如上代码演示

（3）、改变原型prototypeo的值后，__proto__指向问题。
如下例子1：

     Person.prototype.name = "a";
     function Person(){
     
     };
     var person = new Person();
     Person.prototype.name = "b";//写在new前面和后面都一样
     console.log(person.name)//b

如下例子2：

     Person.prototype.name = "a";
     function Person(){
     
     };
     
     var person = new Person();
     Person.prototype = {//在new后面改变
		     	name:"b",
		     }
     console.log(person.name)//a
     //和下面例子是一个道理：
     var obj = {name:"aaa"};
     var obj1 = obj;
     obj = {name:"bbb"};
     console.log(obj1.name);//aaa
     

如下例子3：

     Person.prototype.name = "a";
     function Person(){
     
     };
     Person.prototype = {//在new前面改变
		     	name:"b",
		     }
     var person = new Person();
     console.log(person.name)//b
 //和下面例子是一个道理：
     var obj = {name:"aaa"};
     obj = {name:"bbb"};
     var obj1 = obj;
     console.log(obj1.name);//bbb

4、如何查看对象的构造函数，我们通过属性constructor来查看：

contructor属性位于构造函数的原型中，其中存储的是构造函数信息，所以在不知道原型的情况下，由原型继承原理，我们可以用实例对象来直接访问constructor，即获取创建该实例的构造函数

      function Person () {
           this.name = 'myName';
           this.age = 18;
       }
       var person = new Person();
       console.log(person.constructor); 
        // ƒ Person () {
        //   this.name = 'myName';
        //  this.age = 18;
       }