【javascript】原型链

js对象

javascript中的对象包括自定义类，函数和一些原生对象。这些对象都是拥有属性和方法的数据。（大家容易忽略的是，js中Function也是一个对象）参考学习链接

原型链

通过构造函数创建一个实例探寻原型链、原型本质和继承本质。

1. 首先创建构造函数的同时，会在内存中分配两个空间，一个存放Person类的数据，一个存放原型Person.prototype。

• Person类里有一个属性prototype指向原型
  （判断地址是否相同用 ===）
  Person.prototype === Person.prototype//true
• Person.prototype中也有个属性constructor指向Person类
  Person.prototype.constructor === Person//true

2. new/实例化一个新对象，内存分配空间，对象的__proto__属性指父类的原型
   p1.__proto__ === Person.prototype//true

//创建自定义构造函数
function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sayName = function () {
        console.log('my name is', this.name);
    }
}
//通过new来实例化一个Person类的对象
var p1 = new Person('tom', 18);
var p2 = new Person('jacket', 12);
p1.sayName();
p2.sayName();

原型链是基于__proto__形成的，图中用蓝色串起来的为p1对象的原型链。
原型链的最顶端为Object.prototype。因为Object.prototype.__proto__ === null//true。

js中每一个对象自身都有__proto__属性，而prototype属性只有构造函数对象有，普通函数是没有的。参考学习链接
从p1，p2调用父类原型方法sayName()可以看出，产生原型对象的本质是为了封装公有属性和方法，实现所有实例共享。

为了方便理解，我们把Person类比作母亲，p1比作Person的一个孩子，Person.prototype比作父亲，里面包含着p1可以继承/调用的方法。

继承
原型链实际就是一种继承，实例对象继承父类原型方法
以下是继承的三种方法：

1.Person.prototype=new Animal();//让Person成为Animal的孩子
2.Object.setPrototypeOf(Person.prototype,Animal.prototype)
3.Person.prototype.proto=Animal.prototype

总结，继承本质就是让子构造函数的原型指向父构造函数实例

p1 instanceof Person
p1 instanceof Animal
p1 instanceof Object
以上三种都为true，一个对象有3种状态，这也体现了多态。