資源描述:
《javascript創(chuàng)建對(duì)象的幾種模式介紹_基礎(chǔ)知識(shí)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、javascript創(chuàng)建對(duì)象的幾種模式介紹在js中有兒種模式可以創(chuàng)建對(duì)象,通過對(duì)象操作所包含的屬性與方法。一般來說,構(gòu)造函數(shù)名稱的第一個(gè)字母為大寫字母,非構(gòu)造函數(shù)名稱的第一個(gè)字母為小寫字母,當(dāng)然,構(gòu)造函數(shù)與一般函數(shù)唯一的區(qū)別只是調(diào)用的方式不同而已,所以任何函數(shù)只要通過new來調(diào)用,那它就可以作為構(gòu)造函數(shù),若不通過new來調(diào)用,則與一般函數(shù)一樣。談?wù)勎覍?duì)這幾種模式的理解:工廠模式:創(chuàng)建一個(gè)一般函數(shù),在函數(shù)里創(chuàng)建一個(gè)Object對(duì)象,為這個(gè)對(duì)象增添屬性與方法,同時(shí)賦予其值,最后返冋對(duì)象。無法識(shí)別對(duì)象類型。構(gòu)造函數(shù)模式:創(chuàng)建構(gòu)造函數(shù),使用
2、this來賦值,每當(dāng)創(chuàng)建一個(gè)實(shí)例時(shí),方法都被創(chuàng)建一次,而每個(gè)方法都執(zhí)行相同的命令,這就多余了。這個(gè)缺點(diǎn)可以通過將方法放到全局環(huán)境中,但是,這樣就沒有封裝性了。不過可以通過原型模式解決。原型模式:每個(gè)函數(shù)都有一個(gè)prototype屬性,該屬性是一個(gè)指針,指向一個(gè)對(duì)象,該對(duì)象包含其函數(shù)創(chuàng)建的所有實(shí)例共享的展性與方法。原型對(duì)象,構(gòu)造函數(shù)以及實(shí)例之間的關(guān)系如下圖:圖解:1:構(gòu)造函數(shù)以及由構(gòu)造函數(shù)創(chuàng)建的實(shí)例,它們的prototype屬性都指向構(gòu)造函數(shù)的原型對(duì)彖。2:構(gòu)造函數(shù)的原型對(duì)象具有constructor屬性,該屬性指向構(gòu)造函數(shù)。3:構(gòu)造
3、函數(shù)的原型對(duì)象所包含的所冇屈性與方法可以被由構(gòu)造函數(shù)所創(chuàng)建的所有實(shí)例共享。使用對(duì)象字面量重寫原型對(duì)象后,constructor則指向object構(gòu)造函數(shù),若需耍其指向另一構(gòu)造函數(shù),則需修改原型對(duì)象的constructor屬性的值,比如:constructor:Person,這樣Person的原型對(duì)象即使被重坊,原型對(duì)象的constructor仍指向Person構(gòu)造函數(shù)。當(dāng)先創(chuàng)建實(shí)例時(shí):若是直接添加屈性或方法,實(shí)例可以訪問。若是重寫原型對(duì)彖,則構(gòu)造函數(shù)的prototype指向新的原型對(duì)象,而之前創(chuàng)建的實(shí)例的prototype仍指向最初
4、的原型對(duì)象,所以實(shí)例訪問不到新的原型對(duì)象的新屬性或和新方法。原型對(duì)象包含的是共享的屈性與方法,那么每個(gè)實(shí)例都擁有這些信息,這樣實(shí)例之間就沒有什么不同了,而且還不可以傳參數(shù),這不是我們所想要的。每個(gè)實(shí)例Z間有共同的信息,乂有不同的信息,所以我們可以組合使用構(gòu)造函數(shù)模式與原型模式。構(gòu)造函數(shù)模式與原型模式的組合使用:構(gòu)造函數(shù)包含實(shí)例中的屬性(可傳遞參數(shù))原型對(duì)象包含共享的屬性與方法態(tài)原型模式:將獨(dú)立的構(gòu)造函數(shù)與其原型對(duì)象結(jié)合在一起,在構(gòu)造函數(shù)里初始化原型,為其添加方法。functionPerson(namejagw丿sex){this.n
5、ame=name;this.age=age;this.sex=sex;if(typeofthis.sayName!="function"){Person.prototype.sayName=functionalalert(this.name);若該方法不存在,則將其添加到原型對(duì)彖上,只在初始化原型時(shí)才執(zhí)行,而且只執(zhí)行一次。寄生構(gòu)造函數(shù)模式:與工廠模式類似,區(qū)別為:寄生構(gòu)造函數(shù)模式為構(gòu)造函數(shù),通過new來創(chuàng)建實(shí)例。穩(wěn)妥構(gòu)造函數(shù)模式:沒冇公共的屬性,其方法不引用this的對(duì)象。創(chuàng)建實(shí)例時(shí)不使用new。只能通過方法訪問展性(即傳入的數(shù)據(jù))
6、。以上這篇javascript創(chuàng)建對(duì)象的幾種模式介紹就是小編分享給大家的全部?jī)?nèi)容T,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。