JS中創建對象的幾種設計模式

Galence 發布于2019-08-23 15:34 / 2920人閱讀

摘要：構造函數模式定義構造函數模式是語言創建對象的通用方式。但兩種語言用構造函數創建對象的方式略有不同在中沒有類的概念，函數即為一等公民，因此，不必顯式聲明某個類，直接創建構造函數即可，類的方法和屬性在構造函數中或原型對象上處理。

工廠模式

定義：工廠模式非常直觀，將創建對象的過程抽象為一個函數，用函數封裝以特定接口創建對象的細節。通俗地講，工廠模式就是將創建對象的語句放在一個函數里，通過傳入參數來創建特定對象，最后返回創建的對象。

缺陷：工廠模式雖然可以創建多個相似的對象，但卻不能解決對象標識的問題，即怎樣知道一個對象的類型（如下，我只知道s1是Object--萬物皆對象，但我并不知道s1到底是Student類型還是Person類型？就好像是一個孤兒一樣，只能知道他是個人，但不知道他是哪家人。。。）

function createStudent(name,sex,grade){                                                         
    var o = new Object();
    o.name = name;
    o.sex = sex;
    o.grade = grade;

    o.sayName = function(){
        console.log(this.name);
    }
    return o;
}
var s1 = createStudent("Claiyre","famale",1);

構造函數模式

定義：構造函數模式是java語言創建對象的通用方式。（但兩種語言用構造函數創建對象的方式略有不同）

在JavaScript中沒有類的概念，函數即為一等公民，因此，不必顯式聲明某個類，直接創建構造函數即可，類的方法和屬性在構造函數中（或原型對象上）處理。

function Student(name,sex,grade){                                                   
    this.name = name;
    this.sex = sex;
    this.grade = grade;
    this.sayName = function(){
        console.log(this.name);
    }
}
var s2 = new Student("孫悟空","male",2);

注意：構造函數的函數名首字母是大寫的，而普通函數首字母則是小寫，這是眾多OO語言約定俗成的規定，雖然大多數情況下不大寫也不會報錯，但是為了代碼的規范性和可讀性，還是應該將構造函數的首字母大寫，與普通函數區別開。

優勢：與工廠模式相比，用構造模式創建對象有以下幾點不同：

沒有顯示地創建對象

直接將屬性和方法賦給this對象

沒有return語句

缺陷：每個方法都要在每個實例上創建一遍：在ECMAScript中，函數即對象，因此每定義一個函數，也就是實例化了一個對象。通過構造函數實例化的多個對象的方法，是多個不同的方法，但它們內部的代碼以及實現的功能是相同的，這就造成了一定的資源浪費。

原型模式

定義：js中，每個函數都有一個prototype屬性，它指向一個對象，叫做原型對象，原型對象包含了可以由特定類型的所有實例對象共享的屬性和方法。此外，這個對象有一個與生自來的屬性constructor，指向創建對象的構造方法。使用原型模式可以讓所有的實例共享原型對象中的屬性和方法，也就是說，不必再構造函數中定義對象實例的信息。

function Student_1(){

}
Student_1.prototype.name = "Claiyre";
Student_1.prototype.sex = "female";
Student_1.prototype.class = 5;
Student_1.prototype.sayName = function (){
    console.log(this.name);
}

var s5 = new Student_1();                                                         
s5.sayName();    //Claiyre
var s6 = new Student_1();
s6.sayName();    //Claiyre

引申知識點：


Object.getPrototypeOf(object)方法返回參數對象的原型對象。

Object.keys(object)方法返回對象上枚舉的實例屬性。

缺陷：原型中的所有屬性都是被所有實例所共享的，這種共享對于函數來說非常合適，對于包含基本值的屬性也說的過去（實例屬性會覆蓋原型同名屬性），但對于那些包含引用類型的屬性，可有大麻煩了:

Student_1.prototype.friends = ["aa","bb"];

console.log("s6的朋友" + s6.friends); // s6的朋友aa,bb
s5.friends.push("cc");
console.log("s5的朋友" + s5.friends); // s5的朋友aa,bb,cc
console.log("s6的朋友" + s6.friends); // s6的朋友aa,bb,cc
// 我們只想改變s5的朋友列表，但由于原型模式的共享本質，s6的朋友列表也隨之改變了

組合使用構造函數和原型模式

定義：構造函數模式用于定義實例屬性，原型模式則用于定義方法和共享的屬性。這種混合模式不僅支持向構造函數傳入參數，還最大限度地節約了內存，可謂是集兩模式之長。

 function Student(name,sex,grade){                                                   
    this.name = name;
    this.sex = sex;
    this.grade = grade;
}

Student.prototype.sayName = function(){
        console.log(this.name);
}
Student.prototype.school = "Joooh school";

其他模式

除了以上幾種常見的模式外，批量創建對象的方式還有

動態原型模式：僅在第一次調用構造函數時，將方法賦給原型對象的相應屬性，其他示例的處理方式同構造函數模式

寄生構造函數模式：僅僅封裝創建對象的代碼，然后再返回新創建的對象，仍使用new操作符調用

穩妥構造函數模式：沒有公共屬性，只有私有變量和方法，以及一些get/set方法，用以處理私有變量

GPU云服務器云服務器 java創建對象的幾種方式 js的幾種數據類型 js緩存的幾種方法 js繼承的幾種方式

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102261.html

在Js中創建對象的幾種方式

摘要：對象字面量的方式今年創建實例的發明者我是今年屬性是可以動態添加，修改的構造函數無參構造函數有參構造函數我叫，今年歲實例化創建對象調用方法由于指針在對象實例的時候發生改變指向新的實例。是我的名字混合方式構造函數原型我是，今年 javascript創建對象簡單的說,無非就是使用內置對象或各種自定義對象，當然還可以用JSON；方法很多，也能混合使用。對象字面量的方式： var pers...

willin 2019-08-21 11:43 評論0 收藏0
JS中創建函數的幾種方式

使用函數聲明創建函數語法： * function 函數名([形參1,形參2...形參N]){ * 語句... * } */ function fun2(){ console.log(這是我的第二個函數~~...

Joyven 2019-08-23 14:52 評論0 收藏0
js 創建對象的幾種方式

摘要：可以無數次地調用這個函數，而每次它都會返回一個包含三個屬性一個方法的對象構造函數模式原型模式組合使用構造函數模式和原型模式創建自定義類型的最常見方式，就是組合使用構造函數模式與原型模式。 JS中創建對象的主要模式有工廠模式工廠模式抽象了具體創建對象的過程例如 function?createPerson(name,?age,?job){ ????var?o?=?new?Object(...

seanlook 2019-08-22 14:03 評論0 收藏0
文件上傳的幾種方法——webuploader篇

摘要：本來想把這幾種方法放在同一篇寫的，寫完，已經很長了，想想還是分開的比較好。是由團隊開發的一個簡單的以為主為輔的現代文件上傳組件。因為是，就拿著的來用一下選擇文件的按鈕。也可以重寫上傳事件。如果不自動上傳的話，可以通過觸發。本來想把這幾種方法放在同一篇寫的，寫完xhr，已經很長了，想想還是分開的比較好。webuploader是由Baidu WebFE(FEX)團隊開發的一個簡單的以HT...

Amos 2019-08-20 16:49 評論0 收藏0
判斷是否是數組的幾種方法— (js基礎復習第1期)

摘要：如果網頁中包含多個框架，那實際上就存在兩個以上不同的全局執行環境，從而存在兩個以上不同版本的構造函數。如果你從一個框架向另一個框架傳入一個數組，那么傳入的數組與在第二個框架中原生創建的數組分別具有各自不同的構造函數。 1. 首先，typeof肯定是不行的對于一些基本類型，typeof是可以判斷出數據類型，但是判斷一些引用類型時候，不能具體到具體哪一種類型再來復習一下typeof的...

supernavy 2019-08-23 12:59 評論0 收藏0