JavaScript实现对象继承

概述

不同的语言实现继承的方式是不同的，其中最典型的两种方式是基于类的设计和基于原型继承
的设计。
JavaScript的每个对象都包含了一个隐藏属性 _ proto_，即对象的原型 (prototype)，_ proto _ 指向了内存中的另外一个对象，这个对象称为原型对象，对象可以访问原型对象的方法或属性。

JavaScript实现继承有如下的方式：

方法一：直接通过修改__porto__的指向实现继承

var animal = {
    type: "Default",
    color: "Default",
    getInfo: function () {
        return `Type is:${this.type}, color is ${this.color}`
    }
}
var dog = {
    type: "Dog",
    color: "Red"
}
// 让dog的原型指向animal来实现继承
dog.__proto__ = animal;
console.log(dog.getInfo()); // dog可以调用animal的方法

注意：__proto__默认指向function的prototype属性

每个函数对象中都有一个公开的 prototype 属性，当你将这个函数作为构造函数来创建一个新的对象时，新创建对象的原型对象就指向了该函数的 prototype 属性。如果只是正常调用该函数，那么 prototype 属性将不起作用。

当通过一个构造函数创建多个对象的时候，这几个对象的原型都指向了该函数的 prototype属性。

function DogFactory(type, color) {
    this.type = type
     this.color = color
 }
 // 给function的prototype添加属性
 DogFactory.prototype.fun1 = function (info) {
     console.log(info)
 }
 // 对象原型(__proto__)默认指向的是function的prototype
 var dog = new DogFactory('Dog', 'Black');
 console.log(dog)
 dog.fun1("哈哈")