javascript面向?qū)ο?

maochunguang 發(fā)布于2019-08-22 15:37 / 1946人閱讀

摘要：嚴(yán)格來(lái)說(shuō)，這意味著對(duì)象是無(wú)特定順序的值的數(shù)組。構(gòu)造函數(shù)式缺點(diǎn)是在創(chuàng)建對(duì)象時(shí)，特別針對(duì)對(duì)象的屬性指向函數(shù)時(shí)，會(huì)重復(fù)的創(chuàng)建函數(shù)實(shí)例。此外，組合模式還支持向構(gòu)造函數(shù)傳遞參數(shù)，可謂是集兩家之所長(zhǎng)。

一般認(rèn)為，js是面向過(guò)程模型的語(yǔ)言，很多前端開(kāi)發(fā)者，也偏向以面向過(guò)程的方式編寫(xiě)代碼，其實(shí)在ECMA中是這樣定義過(guò)對(duì)象（object）的，“屬性的無(wú)序集合，每個(gè)屬性存放一個(gè)原始值、對(duì)象或函數(shù)”。嚴(yán)格來(lái)說(shuō)，這意味著對(duì)象是無(wú)特定順序的值的數(shù)組。其中的屬性或方法都有一個(gè)名字，根據(jù)這個(gè)名字可以訪(fǎng)問(wèn)相映射的值（值可以是基本值/對(duì)象/方法）。

在其他的類(lèi)語(yǔ)言中，對(duì)象其實(shí)是基于模板來(lái)創(chuàng)建的，通過(guò)定義一個(gè)類(lèi)作為對(duì)現(xiàn)實(shí)的抽象，然后由類(lèi)來(lái)實(shí)例化對(duì)象；而在原型語(yǔ)言（比如js）中，對(duì)象是以通過(guò)克隆另一個(gè)對(duì)象的方式創(chuàng)建，被克隆的母體稱(chēng)為原型對(duì)象。

創(chuàng)建對(duì)象的幾中方式：

1.工廠(chǎng)模式

2.構(gòu)造函數(shù)式

3.原型模式

4.構(gòu)造函數(shù)及原型模式的組合式

幾種方式的對(duì)比

1.工廠(chǎng)模式

可以傳遞參數(shù)，但缺點(diǎn)是無(wú)法識(shí)別對(duì)象類(lèi)型，因?yàn)閯?chuàng)建對(duì)象都是使用Object的原生構(gòu)造函數(shù)來(lái)完成的。

2.構(gòu)造函數(shù)式

缺點(diǎn)是在創(chuàng)建對(duì)象時(shí)，特別針對(duì)對(duì)象的屬性指向函數(shù)時(shí)，會(huì)重復(fù)的創(chuàng)建函數(shù)實(shí)例。

3.原型模式

缺點(diǎn)是省略了為構(gòu)造函數(shù)傳遞初始化參數(shù)，這在一定程序帶來(lái)不便；另外，最主要是當(dāng)對(duì)象的屬性是引用類(lèi)型時(shí)，它的值是不變的，總是引用同一個(gè)外部對(duì)象，所有實(shí)例對(duì)該對(duì)象的操作都會(huì)其它實(shí)例。

4.構(gòu)造函數(shù)及原型模式的組合式

最為常用的定義類(lèi)型方式，結(jié)合構(gòu)造函數(shù)模式與原型模式的優(yōu)點(diǎn)。構(gòu)造函數(shù)模式用于定義實(shí)例的屬性，而原型模式用于定義方法和共享的屬性。結(jié)果，每個(gè)實(shí)例都會(huì)有自己的一份實(shí)例屬性的副本，但同時(shí)又共享著對(duì)方方法的引用，最大限度的節(jié)約內(nèi)存。此外，組合模式還支持向構(gòu)造函數(shù)傳遞參數(shù)，可謂是集兩家之所長(zhǎng)。

注：以上內(nèi)容參考《JavaScript 高級(jí)程序設(shè)計(jì)》

GPU云服務(wù)器云服務(wù)器 javascript 面向?qū)ο?/a> javascript面向?qū)ο?/a> javascript面向?qū)ο缶幊?/a> javascript面向?qū)ο缶幊讨改?/a>

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/93597.html

相關(guān)文章

SegmentFault 技術(shù)周刊 Vol.32 - 七夕將至，你的“對(duì)象”還好嗎？

摘要：很多情況下，通常一個(gè)人類(lèi)，即創(chuàng)建了一個(gè)具體的對(duì)象。對(duì)象就是數(shù)據(jù)，對(duì)象本身不包含方法。類(lèi)是相似對(duì)象的描述，稱(chēng)為類(lèi)的定義，是該類(lèi)對(duì)象的藍(lán)圖或原型。在中，對(duì)象通過(guò)對(duì)類(lèi)的實(shí)體化形成的對(duì)象。一類(lèi)的對(duì)象抽取出來(lái)。注意中，對(duì)象一定是通過(guò)類(lèi)的實(shí)例化來(lái)的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...

李昌杰 2019-08-16 10:40 評(píng)論0 收藏0
SegmentFault 技術(shù)周刊 Vol.32 - 七夕將至，你的“對(duì)象”還好嗎？

摘要：很多情況下，通常一個(gè)人類(lèi)，即創(chuàng)建了一個(gè)具體的對(duì)象。對(duì)象就是數(shù)據(jù)，對(duì)象本身不包含方法。類(lèi)是相似對(duì)象的描述，稱(chēng)為類(lèi)的定義，是該類(lèi)對(duì)象的藍(lán)圖或原型。在中，對(duì)象通過(guò)對(duì)類(lèi)的實(shí)體化形成的對(duì)象。一類(lèi)的對(duì)象抽取出來(lái)。注意中，對(duì)象一定是通過(guò)類(lèi)的實(shí)例化來(lái)的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...

Lyux 2019-06-28 13:32 評(píng)論0 收藏0
SegmentFault 技術(shù)周刊 Vol.32 - 七夕將至，你的“對(duì)象”還好嗎？

摘要：很多情況下，通常一個(gè)人類(lèi)，即創(chuàng)建了一個(gè)具體的對(duì)象。對(duì)象就是數(shù)據(jù)，對(duì)象本身不包含方法。類(lèi)是相似對(duì)象的描述，稱(chēng)為類(lèi)的定義，是該類(lèi)對(duì)象的藍(lán)圖或原型。在中，對(duì)象通過(guò)對(duì)類(lèi)的實(shí)體化形成的對(duì)象。一類(lèi)的對(duì)象抽取出來(lái)。注意中，對(duì)象一定是通過(guò)類(lèi)的實(shí)例化來(lái)的。 showImg(https://segmentfault.com/img/bVTJ3H?w=900&h=385); 馬上就要到七夕了，離年底老媽老爸...

AaronYuan 2019-08-20 18:55 評(píng)論0 收藏0
面向對(duì)象的 JavaScript

摘要：是完全的面向?qū)ο笳Z(yǔ)言，它們通過(guò)類(lèi)的形式組織函數(shù)和變量，使之不能脫離對(duì)象存在。而在基于原型的面向?qū)ο蠓绞街?，?duì)象則是依靠構(gòu)造器利用原型構(gòu)造出來(lái)的。 JavaScript 函數(shù)式腳本語(yǔ)言特性以及其看似隨意的編寫(xiě)風(fēng)格，導(dǎo)致長(zhǎng)期以來(lái)人們對(duì)這一門(mén)語(yǔ)言的誤解，即認(rèn)為 JavaScript 不是一門(mén)面向?qū)ο蟮恼Z(yǔ)言，或者只是部分具備一些面向?qū)ο蟮奶卣?。本文將回歸面向?qū)ο蟊疽?，從?duì)語(yǔ)言感悟的角度闡述為什...

novo 2019-08-21 10:49 評(píng)論0 收藏0
javascript 面向對(duì)象版塊之理解對(duì)象

摘要：用代碼可以這樣描述安全到達(dá)國(guó)外面向過(guò)程既然說(shuō)了面向?qū)ο?，那么與之對(duì)應(yīng)的就是面向過(guò)程。小結(jié)在這篇文章中，介紹了什么是面向?qū)ο蠛兔嫦蜻^(guò)程，以及中對(duì)象的含義。這是 javascript 面向?qū)ο蟀鎵K的第一篇文章，主要講解對(duì)面向?qū)ο笏枷氲囊粋€(gè)理解。先說(shuō)說(shuō)什么是對(duì)象，其實(shí)這個(gè)還真的不好說(shuō)。我們可以把自己當(dāng)成一個(gè)對(duì)象，或者過(guò)年的時(shí)候相親，找對(duì)象，那么你未來(lái)的老婆也是一個(gè)對(duì)象。我們就要一些屬性，比...

lovXin 2019-08-22 15:04 評(píng)論0 收藏0
javascript面向對(duì)象之“多態(tài)”

摘要：之前，本質(zhì)上不能算是一門(mén)面向?qū)ο蟮木幊陶Z(yǔ)言，因?yàn)樗鼘?duì)于封裝繼承多態(tài)這些面向?qū)ο笳Z(yǔ)言的特點(diǎn)并沒(méi)有在語(yǔ)言層面上提供原生的支持。所以在中出現(xiàn)了等關(guān)鍵字，解決了面向?qū)ο笾谐霈F(xiàn)了問(wèn)題。 ES6之前，javascript本質(zhì)上不能算是一門(mén)面向?qū)ο蟮木幊陶Z(yǔ)言，因?yàn)樗鼘?duì)于封裝、繼承、多態(tài)這些面向?qū)ο笳Z(yǔ)言的特點(diǎn)并沒(méi)有在語(yǔ)言層面上提供原生的支持。但是，它引入了原型(prototype)的概念，可以讓我們以...

JerryWangSAP 2019-08-23 14:11 評(píng)論0 收藏0