真正理解原型、原型链之间的关系

前言：

“一切皆为对象”
        JavaScript是一个面向（原型）对象的语言，对象是属性的集合，除了值类型 ”一切（引用类型）皆为对象“，判断一个变量是不是对象，值类型可以用typeof，引用类型用instanceof。

我们可以通过new来创建一个对象，但其实所有对象都是通过函数创建的，而函数也是对象。等等，这好像有点绕，不急，让我们先去了解prototype原型。

原型

概念：函数都有prototype属性，称之为原型，也称为原型对象。

• 原型可以放一些属性和方法，共享给实力对象使用
• 原型可以做继承

 原型链

概念：对象都有__proto__（隐式原型_）属性，这个属性指向它的原型对象，原型对象也是对象，也有__proto__属性，指向原型对象的原型对象，这样一层一层形成的链式结构称为原型链，最顶层找不到则返回null 。

 关系图：

function Person(name,age){
    this.name = name;
    this.age = age;
}
let person = new Person("Nicholas",18);

// 构造函数的实例指向的是构造函数的原型
console.log(person.__proto__ === Person.prototype) // true

// 构造函数可以做一些判断类的，判断是否为某个构造函数的实例
console.log(person instanceof Person) // true

// 是不是和instanceof很类似？但是不能判断更深层次的继承关系，constructor是可以被修改的，不建议使用
console.log(person.constructor === Person) // true
// constructor 指向的也是 Person
console.log(person.__proto__.constructor === Person.prototype.constructor === Person) // true

// 例如：
console.log([].constructor == Array); // true
// function Fn(){}
console.log(Fn.constructor === Function)

 

除了Function，我们还要介绍一下 Object: 

var obj = {};
console.log(obj.__proto__ === Object.prototype);  // true 

 跟函数Person是被Function创建的一样，obj本质上也是由 Object 创建的。

---

 

优势：节省内存，只有js才有的特性。

常用的继承方式：寄生式继承，寄生组合式继承，原型链继承，class类继承，构造函数继承。