初识JS原型链—— 原型对象

通过原型这种机制，JavaScript 中的对象从其他对象继承功能特性；这种继承机制与经典的面向对象编程语言的继承机制不同。

一、原型对象是什么

JavaScript 常被描述为一种基于原型的语言 (prototype-based language)——每个对象拥有一个原型对象，对象以其原型为模板、从原型继承方法和属性。原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推。这种关系常被称为原型链 (prototype chain)，它解释了为何一个对象会拥有定义在其他对象中的属性和方法。

准确地说，这些属性和方法定义在Object的构造器函数(constructor functions)之上的prototype属性上，而非对象实例本身。

在传统的 OOP 中，首先定义“类”，此后创建对象实例时，类中定义的所有属性和方法都被复制到实例中。在 JavaScript 中并不如此复制——而是在对象实例和它的构造器之间建立一个链接（它是__proto__属性，是从构造函数的prototype属性派生的），之后通过上溯原型链，在构造器中找到这些属性和方法。

来源：https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects/Object_prototypes

二、类的原型对象

类的原型对象是Object基类。

class Person{
    constructor(){
    //构造函数
    }
}
console.log(Person.propotype)
console.log(Person.__proto__)

结果：

原型指向：

三、对象的原型对象

对象的原型对象是类。

class Person{
    constructor(){
    //构造函数
    }
}
//实例化对象
var person1=new Person()
console.log(person1.prototype)
console.log(person1.__proto__)

结果：

原型指向：

四、原型对象的原型对象

class Person{
    constructor(name){
    //构造函数
    this.name=name
    }
    // output(){
    //     let t=Person.prop
    //     console.log(t)
    // }
}
var person1=new Person()
//以 person1 为原型对象创建了 person2 对象
var person2 = Object.create(person1);
console.log(person2.__proto__)

结果：

五、原型链

原型链通俗易懂的理解就是可以把它想象成一个链条，互相连接构成一整串链子。

而原型链中就是实例对象和原型对象之间的链接。每个函数都有一个prototype属性，这个prototype属性就是我们的原型对象，我们拿这个函数通过new构造函数创建出来的实例对象，这个实例对象自己会有一个指针(proto)指向他的构造函数的原型对象！这样构造函数和实例对象之间就通过( proto )连接在一起形成了一条链子。