JavaScript的原型继承

一、来源

JavaScript不是真正意义上的面向对象语言，没有提供传统的继承方式，它提供的是一种叫做原型继承的方式

二、原型的作用

最主要的一点是数据共享，创建对象的时候，我们会把公共的方法和属性挂载到原型上，实例可以访问原型对象上定义的属性和方法

三、原型继承

当我们通过new Person();初始化一个实例的时候，实例一创造出来就具有constructor属性（指向构造函数）和_proto_属性（指向原型对象）

function Person(name){                            //构造函数
    this.name=name;
    }
let person1=new Person('name');                   //实例化对象
console.log(person1._proto_== Person.prototype);  // true           
console.log(person1.constructor);//function Person(name){ this.name=name }

子对象可以继承父对象的prototype，往上继承直到object，也就是null

详解

• prototype:是每个函数都有的一个属性，包含给后代用的属性方法
• _proto_:是实例对象的属性，保存父类的 prototype

实例的属性：

• constructor（指向构造函数）
• _proto_（指向原型对象）

原型对象(构造函数.prototype) 的属性：

• 构造函数.prototype.constructor == 实例对象.constructor,都是构造函数
• _proto_指向父对象的原型对象
  当实例访问原型链上的方法时，他们的地址是共享的，所以输出两个实例是相等的，如果是实例方法，不同的实例化，他们的方法地址是不一样的

四、自有属性和继承属性

Javascript对象拥有自有属性和继承属性

• 自有属性：如通过构造函数this.name=name设置的属性
• 继承属性：如对象.prototype的属性
  可以使用object.hasOwnProperty(proName)来判断对象的属性是否是自有属性，如果是则返回 true，否则返回 false，此方法不会检查对象原型链中的属性，因此可用来过滤继承属性

五、属性查找赋值

• 当查找一个对象的属性时，JS会向上遍历原型链，直到找到该属性，如果没有找到，返回undefined
• 当给一个对象的属性赋值时，如果自有属性中包含这个属性则改变它的值，若不存在或继承属性中有这个属性，都为对象创建这个属性并赋值
  也就是说，只有在查询时原型链才会起作用，赋值只针对自有属性

六、设置原型的方式

let Calculator = function () { };

• 方式一：分别设置原型对象

Calculator.prototype.add = function (x, y) { 
    return x + y;
};
Calculator.prototype.subtract = function (x, y) { 
    return x - y;
};

• 方式二：通过给对象的prototype属性赋值来设定对象的原型

Calculator.prototype = {
    add: function (x, y) { 
      return x + y;
    },
    subtract: function (x, y) { 
      return x - y;
    }
};          
alert((new Calculator()).add(1, 3));

JavaScript的原型和原型链的前世今生(一)
图解Javascript原型链