重新看紅皮書，覺得很多知識多看幾遍確實是能看的更明白些。今天重溫了一下對象創建和繼承，就稍微記下來，鞏固一下。

　　　js是面向對象的編程語言，ECMA-262吧對象定義為：“無序屬性的集合，其屬性可以包含基本值，對象或者函數”。每個對象都是基于一個引用類型創建的，這個引用類型可以是原生類型，也可以是自定義的。

　　　　一，講講創建對象的幾個方法

　　　　　　1. var person = new Object();?

　　　　　　2. var person = {};

　　　　　　3. 工廠模式

　　　　　　4. 構造函數模式

　　　　　　5. 原型模式

　　　　　　6. 組合使用構造函數模式和冤案型模式

　　　　　　7. 動態原型模式

　　　　　　8.等等......

　　　　　這里著重記一下構造模式和原型模式，畢竟之后的模式和繼承方法都是由于這兩個的優缺點借鑒而來。

　　　　　4.構造函數模式　　　　　

　　　　　　　　function Person(name,age,job){
　　　　　　　　　　this.name = name;
　　　　　　　　　　this.age = age;
　　　　　　　　　　this.job = job;
　　　　　　　　　　this.sayName = function(){
　　　　　　　　　　　　console.log(this.name);
　　　　　　　　　　};
　　　　　　　　}
　　　　　　　　var person1 = new Person('niko','19','FE');

　　　　　　 ?這種方式創建對象，可以將它的實例化標識為一中特定類型。及實例可以通過 instanceof 或者constructor 來檢測對象的類型。缺點是無法完成方法的復用，即每個方法都需要在實例化上重新創建。

　　　　　　5.原型模式

　　　　　　　　我們自然是希望創建對象時可以共享某些屬性和方法，搞這個原型模式挺拿手的~~~來露個臉。簡單的說，我們創建的每個函數都有一個prototype屬性，這個prototype屬性是一個指針，指向一個對象，這個對象里面放著創建的這個對象實例的原型對象。原型對象，即是包含所有實例都共享的屬性和方法。默認情況下，所有原型對象都自動獲得一個constructor屬性，這個屬性包含一個指向prototype屬性所在函數的指針。繞來繞去估計就暈了，來個圖解釋一下。

　　　　

　　　通過原型模式創建對象之后，是可以順順利利的完成屬性和方法的共享，但是也是有弊端的如果包含引用類型的值，那么實例化的某一個對象對這個值進行操作，就會修改原型里的值，這樣問題就比較麻煩了。所以組合模式就出現了，及用構造函數來創建屬性，用原型模式來創建共享方法。

　　　　7.動態原型模式，就是把所有信息封裝到函數里看著會簡潔好多，也是組合了構造函數和原型模式的優點，在函數內部初始化原型（僅僅在第一次運行時初始化）。

　　　　　　

　　　　　　function Person(name,age,job){
　　　　　　　　this.name = name;
　　　　　　　　this.age = age;
　　　　　　　　this.job = job;
　　　　　　　　if(typeof this.sayName!= "function"){
　　　　　　　　　　Person.prototype.sayName = function(){
　　　　　　　　　　console.log(this.name);
　　　　　　　　　　};
　　　　　　　　}

　　　　　　}
　　　　　　var person1 = new Person('niko','19','FE');

　　　　　　跟組合模式不同的是，初始化原型在函數內部，并且如果有多個共享函數時，只判斷一個就好~~看著簡潔那么一小丟~~對象創建就寫到這，接下來寫一下繼承啦啦啦啦~

　　二，常見的繼承方式

　　　　1.原型鏈

　　　　2.借用構造函數

　　　　3.組合繼承

　　　　4.組合寄生式繼承

　　　　5.原型式，寄生式..

　　　　挑幾個重要的講吧，重要的就是掌握原型鏈的原理，以及構造函數繼承方式，組合是采取了這兩個優缺點進行優化，組合寄生則是針對組合繼承進行的優化。原型、寄生式是對一個相對的對象來創建另一個，沒怎么碰到就不講了。

　　　　1.原型鏈

　　　　　　原型鏈的主要思想就是讓一個引用類型繼承另一個引用類型的實例。原型對象將包含一個指向另一個原型的指針，另一個原型中也包含指向另一個構造函數的指針。層層遞進之后，形成原型鏈。

　　　　　　

　　　　function SuperType(){
　　　　　　this.property = true;
　　　　}
　　　　SuperType.prototype.getSuperValue = function(){
　　　　　　return this.property;
　　　　};
　　　　function Subtype(){
　　　　　　this.subproperty = false;
　　　　}
　　　　Subtype.prototype.getSubValue = function(){
　　　　　　return this.subproperty;
　　　　}
　　　　Subtype.prototype.getSubValue = function(){
　　　　　　return this.subproperty;
　　　　};
　　　　var instance = new Subtype();

　　　　　　

　　　　啊，寫到一半突然要閉館了閉館了閉館了=.=淚奔一下 ，中間詳細就不解釋了,看懂這個圖就沒啥大問題了~原型鏈的問題就是，共享引用類型值的時候，修改一個實例就會修改原型。

　　　2.借用構造函數

　　　　這個方法就是在子類構造函數中調用超類的構造函數。

　　

　　　　function SuperType(name){
　　　　　　this.name = name;
　　　　}
　　　　function SubType(){
　　　　　　SuperType.call(this,'niko'); //在this的作用域中調用SuperType()
　　　　}
　　　　var instance = new SubType();

這種方式不像原型繼承，相當于在子類的作用域中吧超類的屬性完完全全復制了一份。因為不是引用的指針，所以，即使是引用類型的屬性值，每個實例都會復制一份屬性值，所以不會有什么問題噠~~~而且借用構造函數模式可以在子類中傳參。

　　　　3.組合繼承就是兼顧了原型模式和借用構造函數模式的優缺點。既可以共享方法，也可以讓不同的實例分別有自己的屬性。

??　　　　　　

　　　　　　function SuperType(name){
　　　　　　　　this.name = name;
　　　　　　　　this.colors = ['red','blue','orange'];
　　　　　　}
　　　　　　SuperType.prototype.sayName = function(){
　　　　　　　　console.log(this.name);
　　　　　　}
　　　　　　function SubType(name,age){
　　　　　　　　//繼承屬性
　　　　　　　　SuperType.call(this,name); //第二次調用SuperType()
　　　　　　　　this.age = age;
　　　　　　}
　　　　　　
　　　　　　SubType.prototype.sayAge = function(){
　　　　　　　　console.log(this.age);
　　　　　　}

　　　　　　//繼承方法

　　　　　　SubType.prototype = new SuprType(); //第一次調用SuperType();
　　　　　　var instance = new Subtype('niko',34);

　　　　　　　　　　

　　　　　　　　如圖所示，第一次調超類的時候，SubType.prototype得到兩個屬性：name,colors。調用Subtype構造函數時，第二次調用超類，在新對象上創建實例屬性：name,colors。這兩個實例屬性屏蔽了原型中的屬性。

　　　　　　這種方法可以達到既可以共享方法，也可以有自己的實例屬性，但是調用兩次超類的構造函數。

　　　　4.寄生組合式繼承

　　　　　　為了解決組合式的缺點，寄生組合式這個超級大Boss上場了。

　　　　　　　　大體思路還是借用構造函數來繼承屬性，用原型鏈的混成方法機場方法。與組合 方式不同的是，沒有在子類中調用超類，而是取得了一個超類的副本。

　　　　　　

　　　　　　function inhertiPrototype(subType,superType){
　　　　　　　　var prototype = object(superType.prototype); //創建對象
　　　　　　　　prototype.constructor = subType; //增強對象
　　　　　　　　subType.prototype = prototype; //指定對象
　　　　　　}

　　　　　　

?

?

?

?

?

?

?

?

　

轉載于:https://www.cnblogs.com/echo-yaonie/p/4639396.html

總結

以上是生活随笔為你收集整理的js 对象创建及其继承的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。