摘要：創(chuàng)建對(duì)象對(duì)象繼承實(shí)際上是一回事我們所需要的實(shí)例對(duì)象通過(guò)構(gòu)造函數(shù)獲得私有屬性通過(guò)原型鏈獲得共享的屬性。原型式繼承和寄生式繼承用于創(chuàng)建與已有對(duì)象類似的實(shí)例對(duì)象。

本文約定：不特殊聲明的情況下，屬性代指屬性或方法。

創(chuàng)建對(duì)象、對(duì)象繼承實(shí)際上是一回事：我們所需要的實(shí)例對(duì)象通過(guò)構(gòu)造函數(shù)獲得私有屬性、通過(guò)原型鏈獲得共享的屬性。什么是好的方式？私有屬性通過(guò)構(gòu)造函數(shù)的方式獲得（不考慮實(shí)例中自定義私有屬性）且不需要重寫(xiě)，共享屬性通過(guò)原型鏈找到且不需要重復(fù)創(chuàng)建。

function HNU_student(name) {
    this.name = name;
    this.sayName = function() {
        return this.name;
    };
}
HNU_student.prototype = {
    school: "HNU",
    saySchool: function() {
        return this.school;
    }
};
Object.defineProperty(HNU_student, "constructor", {value: HNU_student});

var hiyohoo = new HNU_student("xujian");

通過(guò)字面量的方式會(huì)重寫(xiě)prototype，且原型的constructor指向了Object，必要的情況下需要重新定義constructor，使用Object.defineProperty()方法可以將constructor的enumerable等特性變?yōu)槌跏寄J(rèn)的false。

function object(o) {
    function F() {};
    F.prototype = o;
    return new F();
}
function inheritPrototype(child, parent) {
    var prototype = object(parent.prototype);
    prototype.constructor = child;
    child.prototype = prototype;
}

function HNU_student(name) {
    this.name = name;
    this.sayName = function() {
        return this.name;
    };
}
HNU_student.prototype.school = "HNU";
HNU_student.prototype.saySchool = function() {
    return this.school;
};

function Student_2011(name, number) {
    HNU_student.call(this, name);
    this.number = number;
    this.sayNumber = function() {
        return this.number;
    }
}
inheritPrototype(Student_2011, HNU_student);
Student_2011.prototype.graduationTime = 2015;
Student_2011.prototype.sayGraduationTime = function() {
    return this.graduationTime;
};

var hiyohoo = new Student_2011("xujian", 20110803203);

object()的作用：將作為參數(shù)傳入的對(duì)象變成實(shí)例的原型，該對(duì)象的屬性被所有實(shí)例共享。

共享屬性：inheritPrototype(Student_2011, HNU_student);，子構(gòu)造函數(shù)原型成為超構(gòu)造函數(shù)原型的一個(gè)實(shí)例，超構(gòu)造函數(shù)原型中的屬性共享給子構(gòu)造函數(shù)。
私有屬性：HNU_student.call(this, name);，通過(guò)子構(gòu)造函數(shù)創(chuàng)建實(shí)例時(shí)調(diào)用超構(gòu)造函數(shù)創(chuàng)建私有屬性。

function HNU_student(name) {
    this.name = name;
    this.sayName = function() {
        return this.name;
    };

    if (!HNU_student.prototype.school) {
        HNU_student.prototype.school = "HNU";
        HNU_student.prototype.saySchool = function() {
            return this.school;
        };
    }
}

var hiyohoo = new HNU_student("xujian");

將定義在原型中的共享屬性放入構(gòu)造函數(shù)中，使用判斷語(yǔ)句，在第一次調(diào)用構(gòu)造函數(shù)創(chuàng)建實(shí)例時(shí)，初始化原型共享屬性。

function SpecialArray() {
    var values = new Array();
    values.push.apply(values, arguments);
    values.toPipedString = function() {
        return this.join("|");
    };

    return values;
}

var colors = new SpecialArray("red", "black", "white");

用于為原生構(gòu)造函數(shù)添加特殊的屬性。

function HNU_student(name) {
    this.name = name;
    this.sayName = function() {
        return this.name;
    };
}
HNU_student.prototype.school = "HNU";
HNU_student.prototype.saySchool = function() {
    return this.school;
};

function Student_2011(name, number) {
    HNU_student.call(this, name);
    this.number = number;
    this.sayNumber = function() {
        return this.number;
    };
}
Student_2011.prototype = new HNU_student();    //重寫(xiě)原型一定要放在所有原型屬性定義之前
Student_2011.prototype.constructor = Student_2011;
Student_2011.prototype.graduationTime = 2015;
Student_2011.prototype.sayGraduationTime = function() {
    return this.graduationTime;
}

var hiyohoo = new Student_2011("xujian", 20110803203);

共享屬性：Student_2011.prototype = new HNU_student();，子構(gòu)造函數(shù)的原型就指向了超構(gòu)造函數(shù)的原型，實(shí)例通過(guò)原型鏈找到所有共享的屬性。
私有屬性：HNU_student.call(this, name);，通過(guò)子構(gòu)造函數(shù)創(chuàng)建實(shí)例時(shí)調(diào)用超構(gòu)造函數(shù)創(chuàng)建私有屬性。

缺陷：超構(gòu)造函數(shù)被調(diào)用了兩遍。Student_2011.prototype = new HNU_student();的同時(shí)，在子構(gòu)造函數(shù)原型中創(chuàng)建了超構(gòu)造函數(shù)定義的私有屬性，這些原型中的私有屬性被實(shí)例中的同名屬性覆蓋屏蔽。

function object(o) {
    function F() {}
    F.prototype = o;
    return new F();
}

var student1 = {
    school: "HNU",
    saySchool: function() {
        return this.school;
    }
};

var student2 = object(student1);

Object.creat()是ECMAScript 5新增的方法，接受兩個(gè)參數(shù)：一是作為原型的原對(duì)象，二是重寫(xiě)或新增屬性的對(duì)象，作用與自定義的object()相同。

var student1 = {
    name: "xujian",
    school: "HNU"
};
var student2 = Object.create(student1, {
    name: {
        value: "huangjing"
    }
});

寄生式繼承在原型式繼承的基礎(chǔ)上添加了額外的屬性用來(lái)增強(qiáng)對(duì)象。

function object(o) {
    function F() {}
    F.prototype = o;
    return new F();
}
function creatAnother(original) {
    var clone = object(original);
    clone.sayHi = function() {
        alert("Hi!");
    };
    return clone;
}

var student1 = {
    school: "HNU",
    saySchool: function() {
        return this.school;
    }
};

var student2 = creatAnother(student1);

原型式繼承和寄生式繼承用于創(chuàng)建與已有對(duì)象類似的實(shí)例對(duì)象。

轉(zhuǎn)載請(qǐng)注明出處：https://segmentfault.com/a/1190000004559437
文章不定期更新完善，如果能對(duì)你有一點(diǎn)點(diǎn)啟發(fā)，我將不勝榮幸。