原型与原型链

原型与原型链

原型

1. 无论何时，只要创建一个函数，就会按照特定的规则为这个函数创建一个 prototype 属性(指向原型对象)。默认情况下，所有原型对象自动获得一个名为 constructor的属性，指回与之关联的构造函数。

2. function Person(name, age){
        this.name = name;
        this.age = age;
      }
      const p = new Person('小明',21);
      console.log(p);
      
   // constructor 指回了构造函数 Person
    console.log(Person.prototype.constructor == Person); // true
   

3. 

4. 构造函数的prototype 和 原型的constructor 以及 实例的 [[Prototype]] 的指向图解

   

5. 使用 isProtoTypeOf方法 判断 实例的

   1. console.log(Person.prototype.isPrototypeOf(p)); // true
      

6. 实例的[[Prototype]]属性是隐藏属性，并不规范，firefox chrome 等浏览器提供了 _ proto _ 属性来访问，但是有的浏览器是没有实现的

7. ECMAScript 的 Object 类型有一个方法叫 Object.getPrototypeOf()，返回参数的内部特性 [[Prototype]]的值

   1. console.log(Object.getPrototypeOf(p));
      

   2. 原型结构：

8. Object 类型还有一个 setPrototypeOf()方法，可以向实例的私有特性[[Prototype]]写入一个新值。这样就可以重写一个对象的原型继承关系

     const  animal = {
           color: 'black'
         }
         const dog = {
           legs: 4
         }
         // 本来 dog 实例的原型是 Object， 使用 setPrototypeOf 改变了 [[Prototype]] 属性
         Object.setPrototypeOf(dog, animal); 
         console.log(dog);
   

   但是 setPrototypeOf 随意修改实例的原型是很消耗性能的

9. 为避免使用 Object.setPrototypeOf()可能造成的性能下降，可以通过 Object.create()来创 建一个新对象

     const animal = {
      color: 'blck'
     };
     const dog = Object.create(animal);
     dog.leg = 4;
     console.log(dog);
   

原型链

一个对象可以通过设置 prototype 属性来添加原型，同样我们可以继续 为原型设置原型，就这样一层层往上链接，多个原型线性串行链接，构成了一条链，我们把这条链叫做原型链

const grandfather = {
    name: '小明'
}

const father = Object.create(grandfather);
father.age = 30;

const son = Object.create(father);

son.height = 180;

console.log(son); // 原型链

原型链图解

原型链最重要的性质就是 对象访问属性时的搜索次序：搜索开始于对象实例本身。如果在这个 实例上发现了给定的名称，则返回该名称对应的值。如果没有找到这个属性，则搜索会沿着指针进入原 型对象，然后在原型对象上找到属性后，再返回对应的值。如果到了顶层原型 Object 还没找该属性，则返回 undefined.

1. 查询 name 属性，在 son 中搜索后发现没有，去 father 中搜索后发现也没有，grandfather 中搜索后发现了，返回值 “小明”

console.log(son.name); // 小明

2. 查询 age 属性，由于 son 自身也有了 age 属性，所以直接返回值 18，不会继续往上找了

 son.age = 18;
 console.log(son.age); // 18

3. 查询 weight, 因为整条原型链都没有 weight 属性，所以只能返回 undefined

console.log(son.weight); // undefined