js - 原型和原型链

一、概念

原型（对象属性）

Javascript规定，每一个函数都有一个prototype对象属性，指向另一个对象（原型链上面的）。

prototype(对象属性)的所有属性和方法，都会被构造函数的实例继承。这意味着，我们可以把那些不变(公用)的属性和方法，直接定义在prototype对象属性上。

prototype就是调用构造函数所创建的那个实例对象的原型（proto）。

prototype可以让所有对象实例共享它所包含的属性和方法。也就是说，不必在构造函数中定义对象信息，而是可以直接将这些信息添加到原型中。

原型链 （JS原型与原型链继承）

实例对象与原型之间的连接，叫做原型链。proto( 隐式连接 )

JS在创建对象的时候，都有一个叫做proto的内置属性，用于指向创建它的函数对象的原型对象prototype。

内部原型(proto)和构造器的原型（prototype）

1. 每个对象都有一个proto属性,原型链上的对象正是依靠这个属性连结在一起
2. 作为一个对象，当你访问其中的一个属性或方法的时候，如果这个对象中没有这个 方法或属性，那么Javascript引擎将会访问这个对象的proto属性所指向上一个对 象，并在那个对象中查找指定的方法或属性，如果不能找到，那就会继续通过那个对象 的proto属性指向的对象进行向上查找，直到这个链表结束。

二、代码理解

	class Person {
        constructor(name) {
            this.name = name;
        }

        run() {
            console.log('person can run');
        }
    }

    class Student extends Person {
        constructor(name, id) {
            super(name);
            this.id = id;
        }

        learn() {
            console.log('student can learn');
        }
    }

    let xiaoLuo = new Student('夏洛', 1);
    console.log(xiaoLuo);
    console.log(Student.prototype === xiaoLuo.__proto__); // true
    xiaoLuo.learn(); // 实例调用方法会从原型链上一直往上找，找不到报错
    xiaoLuo.run();

	// 利用原型在Students上增加方法
    Student.prototype.read = function () {
        console.log('student can read');
    }

    xiaoLuo.read();

图片示意

参考资料

1.js原型详解：https://www.jianshu.com/p/72156bc03ac1