js對(duì)象構(gòu)建

1首先明確一點(diǎn)js不是面向?qū)ο蟮恼Z音,但js具有極大的靈活性可以模擬面向?qū)ο?,甚至面向過程乃至全世界。

2 js中面向?qū)ο蟮膶懛?/p>

A最為常見的{}形式的寫法,var obj = { };大括號(hào)里面的內(nèi)容以鍵值對(duì)的形式存在,值得形式多樣可以是字符串,變量,常量,數(shù)組,布爾等等,還可以再嵌套對(duì)象為值(這種寫法結(jié)構(gòu)清晰推薦寫法)。

B js本身就是對(duì)象這個(gè)類型,寫法如下var Person = new Object(),用new的方式去寫是符合代碼邏輯,但是再繼續(xù)寫Person.name ="wuwenzhou",這樣的寫法就很菜了,代碼是寫給人看的,偶爾才會(huì)給機(jī)器運(yùn)行一下,這樣的寫法釋義性不強(qiáng)(不推薦);

C構(gòu)造函數(shù)的寫法var Person = function(){this.name ="wuwenzhou" } ;在用var me = new Person ();去實(shí)例化,注意點(diǎn)在JS中用大寫開頭的寫法來模擬類型,小寫寫法申明實(shí)例化對(duì)象(推薦寫法具有極大優(yōu)勢(shì),在控制臺(tái)打印時(shí)當(dāng)前對(duì)象名就是類名,結(jié)構(gòu)清晰便于代碼調(diào)試,A,B兩種寫法在控制臺(tái)中之后只會(huì)顯示object釋義性差)

D原型擴(kuò)展方法var Person = function(){};Person.prototype ={say :function(){console.log("wo shiwuwenzhou")}};常用寫法會(huì)將C,D結(jié)合,構(gòu)造函數(shù)申明屬性,原型鏈擴(kuò)展方法,但是js中其實(shí)并不是嚴(yán)謹(jǐn)區(qū)分屬性和方法的,原型的寫法會(huì)導(dǎo)致查詢深度變深,性能下降,但結(jié)構(gòu)化清晰。

總結(jié)日常使用中用{}鍵值對(duì)的形式結(jié)構(gòu)簡單,釋義明確,架構(gòu)時(shí)用構(gòu)造函數(shù)加原型擴(kuò)展結(jié)構(gòu)清晰。在對(duì)象的寫法上有些注意點(diǎn),obj[pro]和obj.pro都是可以對(duì)象的鍵去獲取對(duì)應(yīng)的值,但[]在寫法上具有更高的兼容性,點(diǎn)能出的屬性[]也能實(shí)現(xiàn),但[]能夠里面能寫字符串變量而點(diǎn)不能,在對(duì)象方法是可以配置的字符串變量屬性時(shí)注意用[]這是我在項(xiàng)目中感悟之一,也是項(xiàng)目維護(hù)的重要原則之一,多配置而少改代碼,配置后到j(luò)s實(shí)例化時(shí)的方法名比如是"get" +某個(gè)屬性名,這時(shí)候就點(diǎn)就出不來了用[]比較好。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容