詳解js 創建對象的幾種方法

來源：懂視網責編：小采時間：2020-11-27 22:00:21

詳解js 創建對象的幾種方法

詳解js 創建對象的幾種方法:在js中創建對象的方法可分為6種，分別是：基本模式、工廠模式、構造函數模式、原型模式、組合模式、動態原型模式，接下來分別看下這幾種模式的寫法吧一、基本模式 var person = new Object(); person.name = 孫悟空; person.weapon =

推薦度：

點擊下載本文 文檔為doc格式

導讀詳解js 創建對象的幾種方法:在js中創建對象的方法可分為6種，分別是：基本模式、工廠模式、構造函數模式、原型模式、組合模式、動態原型模式，接下來分別看下這幾種模式的寫法吧一、基本模式 var person = new Object(); person.name = 孫悟空; person.weapon =

在js中創建對象的方法可分為6種，分別是：基本模式、工廠模式、構造函數模式、原型模式、組合模式、動態原型模式，接下來分別看下這幾種模式的寫法吧

一、基本模式

var person = new Object();
 person.name = "孫悟空";
 person.weapon = "棒子";
 person.run = function () { return this.name + "武器是" + person.weapon;
 }

二、工廠模式

function creatPerson(name, weapon) { var person = new Object();
 person.name = "孫悟空";
 person.weapon = "棒子";
 person.run = function () { return this.name + "武器是" + person.weapon;
 } return person;
 }

缺點：1、實例之間沒有聯系；2、沒有使用new關鍵字；3、會造成資源的浪費，每生成一個實例都會都會增加一些重復的內容
缺點3如何理解呢：在多次調用creatPerson方法時，創建對象的方法run會生成多個，雖然多個對象的方法都是一樣的。

構造函數解決了多個實列之間沒有聯系的問題，可以用instanceof判斷

三、構造函數模式

function creatPerson(name, weapon) { this.name = name; this.weapon = weapon; this.run = function () { return this.name + "武器是" + this.weapon;
 }
 } //調用創建對象
 var wukou =new creatPerson("孫悟空", "棒子");

缺點：沒有解決工廠模式浪費內存的缺點，每創建一個對象會增加很多重復的東西
為了解決這個問題請看原型模式

四、原型（Prototype）模式

js中規定，每一個構造函數都有一個prototype屬性，指向另一個對象，這個對象的所有屬性和方法，都會被構造函數的實例繼承，可以把那些不變的屬性和方法直接定義在prototype對象上

 function personObj() { }
 personObj.prototype.name = "孫悟空";
 personObj.prototype.weapon = "棒子";
 personObj.prototype.run = function () { return this.name + "武器是" + this.weapon;
 } //創建對象
 var person = new personObj(); //原型模式的另一種寫法 function personObj() { }
 personObj.prototype = {
 constructor: personObj,//強制指回personObj
 name: "孫悟空",
 weapon: "棒子",
 run: function () { return this.name + "武器是" + this.weapon;
 }
 }

缺點：構造函數沒有參數，不能傳參初始化值，因為不同的對象可能只共享方法，但是不會共享屬性，為了解決這個問題請看構造函數和原型模式的組合模式，還解決了前面的所有缺點，Jquery就是使用的這種方法

五、組合模式

這樣，不同的實例可有自己特有的屬性，還有共享的方法

 function personObj(name,weapon) { this.name = name; this.weapon = weapon;
 }
 personObj.prototype = {
 run: function () { return this.name + "武器是" + this.weapon;
 }
 } //創建對象
 var wukou = new personObj("孫悟空", "棒子");

雖然這種創建對象的方式已經夠我們使用了，平時使用這方式也沒有問題的，當然還有一點小問題：對象中的屬性和方法是分開的，請看動態原型方法

六、動態原型模式

 function personObj(name, weapon) { this.name = name this.weapon = weapon if (typeof this.run != "function")
 {
 personObj.prototype = {
 run: function () { return this.name + "武器是" + this.weapon;
 }
 }
 }
 
 } 
 //創建對象
 var wukou = new personObj("孫悟空", "棒子");

函數中使用 if (typeof this.run != "function") 目的是為了防止創建多個對象時，方法執行多次

以上所述是小編給大家介紹的js 創建對象的幾種方法詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com