快捷導(dǎo)航

詳解js 創(chuàng)建對(duì)象的幾種方法

更新時(shí)間：2019年03月08日 09:29:12 作者：胡說叔叔

這篇文章主要介紹了js 創(chuàng)建對(duì)象的幾種方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

在js中創(chuàng)建對(duì)象的方法可分為6種，分別是：基本模式、工廠模式、構(gòu)造函數(shù)模式、原型模式、組合模式、動(dòng)態(tài)原型模式，接下來(lái)分別看下這幾種模式的寫法吧

一、基本模式

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;
 }

缺點(diǎn)：1、實(shí)例之間沒有聯(lián)系；2、沒有使用new關(guān)鍵字；3、會(huì)造成資源的浪費(fèi)，每生成一個(gè)實(shí)例都會(huì)都會(huì)增加一些重復(fù)的內(nèi)容
缺點(diǎn)3如何理解呢：在多次調(diào)用creatPerson方法時(shí)，創(chuàng)建對(duì)象的方法run會(huì)生成多個(gè)，雖然多個(gè)對(duì)象的方法都是一樣的。

構(gòu)造函數(shù)解決了多個(gè)實(shí)列之間沒有聯(lián)系的問題，可以用instanceof判斷

三、構(gòu)造函數(shù)模式

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

缺點(diǎn)：沒有解決工廠模式浪費(fèi)內(nèi)存的缺點(diǎn)，每創(chuàng)建一個(gè)對(duì)象會(huì)增加很多重復(fù)的東西
為了解決這個(gè)問題請(qǐng)看原型模式

四、原型（Prototype）模式

js中規(guī)定，每一個(gè)構(gòu)造函數(shù)都有一個(gè)prototype屬性，指向另一個(gè)對(duì)象，這個(gè)對(duì)象的所有屬性和方法，都會(huì)被構(gòu)造函數(shù)的實(shí)例繼承，可以把那些不變的屬性和方法直接定義在prototype對(duì)象上

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

缺點(diǎn)：構(gòu)造函數(shù)沒有參數(shù)，不能傳參初始化值，因?yàn)椴煌膶?duì)象可能只共享方法，但是不會(huì)共享屬性，為了解決這個(gè)問題請(qǐng)看構(gòu)造函數(shù)和原型模式的組合模式，還解決了前面的所有缺點(diǎn)，Jquery就是使用的這種方法

五、組合模式

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

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

雖然這種創(chuàng)建對(duì)象的方式已經(jīng)夠我們使用了，平時(shí)使用這方式也沒有問題的，當(dāng)然還有一點(diǎn)小問題：對(duì)象中的屬性和方法是分開的，請(qǐng)看動(dòng)態(tài)原型方法

六、動(dòng)態(tài)原型模式

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

函數(shù)中使用 if (typeof this.run != "function") 目的是為了防止創(chuàng)建多個(gè)對(duì)象時(shí)，方法執(zhí)行多次

以上所述是小編給大家介紹的js 創(chuàng)建對(duì)象的幾種方法詳解整合，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: