這篇文章主要講解了“JavaScript是面向?qū)ο筮€是基于對象”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“JavaScript是面向?qū)ο筮€是基于對象”吧！

創(chuàng)新互聯(lián)專注于企業(yè)網(wǎng)絡(luò)營銷推廣、網(wǎng)站重做改版、長泰網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、購物商城網(wǎng)站建設(shè)、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為長泰等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

什么是對象？

我們先來說說什么是對象，因為翻譯的原因，中文語境下我們很難理解“對象”的真正含義。事實上，Object（對象）在英文中，是一切事物的總稱，這和面向?qū)ο缶幊痰某橄笏季S有互通之處。中文的“對象”卻沒有這樣的普適性，我們在學(xué)習(xí)編程的過程中，更多是把它當(dāng)作一個專業(yè)名詞來理解。

但不論如何，我們應(yīng)該認(rèn)識到，對象并不是計算機領(lǐng)域憑空造出來的概念，它是順著人類思維模式產(chǎn)生的一種抽象（于是面向?qū)ο缶幊桃脖徽J(rèn)為是：更接近人類思維模式的一種編程范式）。

那么，我們先來看看在人類思維模式下，對象究竟是什么。

對象這一概念在人類的幼兒期形成，這遠遠早于我們編程邏輯中常用的值、過程等概念。在幼年期，我們總是先認(rèn)識到某一個蘋果能吃（這里的某一個蘋果就是一個對象），繼而認(rèn)識到所有的蘋果都可以吃（這里的所有蘋果，就是一個類），再到后來我們才能意識到三個蘋果和三個梨之間的聯(lián)系，進而產(chǎn)生數(shù)字“3”（值）的概念。

在《面向?qū)ο蠓治雠c設(shè)計》這本書中，Grady Booch 替我們做了總結(jié)，他認(rèn)為，從人類的認(rèn)知角度來說，對象應(yīng)該是下列事物之一：

• 一個可以觸摸或者可以看見的東西；

• 人的智力可以理解的東西；

• 可以指導(dǎo)思考或行動（進行想象或施加動作）的東西。

有了對象的自然定義后，我們就可以描述編程語言中的對象了。在不同的編程語言中，設(shè)計者也利用各種不同的語言特性來抽象描述對象，最為成功的流派是使用“類”的方式來描述對象，這誕生了諸如 C++、Java 等流行的編程語言。而 JavaScript 早年卻選擇了一個更為冷門的方式：原型。這是我在前面說它不合群的原因之一。

然而很不幸，因為一些公司政治原因，JavaScript 推出之時受管理層之命被要求模仿 Java，所以，JavaScript 創(chuàng)始人 Brendan Eich 在“原型運行時”的基礎(chǔ)上引入了 new、this 等語言特性，使之“看起來更像 Java”。

在 ES6 出現(xiàn)之前，大量 JavaScript 程序員試圖在原型體系的基礎(chǔ)上，把 JavaScript 變得更像是基于類的編程，進而產(chǎn)生了很多所謂的“框架”，比如 PrototypeJS、Dojo。事實上，它們成為了某種 JavaScript 的古怪方言，甚至產(chǎn)生了一系列互不相容的社群，顯然這樣做的收益遠遠小于損失。

如果我們從運行時角度來談?wù)搶ο螅褪窃谟懻?JavaScript 實際運行中的模型，這是由于任何代碼執(zhí)行都必定繞不開運行時的對象模型，不過，幸運的是，從運行時的角度看，可以不必受到這些“基于類的設(shè)施”的困擾，這是因為任何語言運行時類的概念都是被弱化的。

首先我們來了解一下 JavaScript 是如何設(shè)計對象模型的。

JavaScript 對象的特征

在我看來，不論我們使用什么樣的編程語言，我們都先應(yīng)該去理解對象的本質(zhì)特征（參考 Grandy Booch《面向?qū)ο蠓治雠c設(shè)計》）。總結(jié)來看，對象有如下幾個特點。

• 對象具有唯一標(biāo)識性：即使完全相同的兩個對象，也并非同一個對象。

• 對象有狀態(tài)：對象具有狀態(tài)，同一對象可能處于不同狀態(tài)下。

• 對象具有行為：即對象的狀態(tài)可能因為它的行為產(chǎn)生變遷。

我們先來看第一個特征，對象具有唯一標(biāo)識性。一般而言，各種語言的對象唯一標(biāo)識性都是用內(nèi)存地址來體現(xiàn)的，所以，JavaScript 程序員都知道，任何不同的 JavaScript 對象其實是互不相等，我們可以看下面的代碼，o1 和 o2 初看是兩個一模一樣的對象，但是打印出來的結(jié)果卻是 false。



var o1 = { a: 1 };
var o2 = { a: 1 };
console.log(o1 == o2); // false

關(guān)于對象的第二個和第三個特征“狀態(tài)和行為”，不同語言會使用不同的術(shù)語來抽象描述它們，比如 C++ 中稱它們?yōu)椤俺蓡T變量”和“成員函數(shù)”，Java 中則稱它們?yōu)椤皩傩浴焙汀胺椒ā薄?/p>

在 JavaScript 中，將狀態(tài)和行為統(tǒng)一抽象為“屬性”，考慮到 JavaScript 中將函數(shù)設(shè)計成一種特殊對象（關(guān)于這點，我會在后文中詳細講解，此處先不用細究），所以 JavaScript 中的行為和狀態(tài)都能用屬性來抽象。

下面這段代碼其實就展示了普通屬性和函數(shù)作為屬性的一個例子，其中 o 是對象，d 是一個屬性，而函數(shù) f 也是一個屬性，盡管寫法不太相同，但是對 JavaScript 來說，d 和 f 就是兩個普通屬性。

var o = { 
 d: 1,
 f() {
 console.log(this.d);
 } 
};

所以，總結(jié)一句話來看，在 JavaScript 中，對象的狀態(tài)和行為其實都被抽象為了屬性。如果你用過 Java，一定不要覺得奇怪，盡管設(shè)計思路有一定差別，但是二者都很好地表現(xiàn)了對象的基本特征：標(biāo)識性、狀態(tài)和行為。

在實現(xiàn)了對象基本特征的基礎(chǔ)上, 我認(rèn)為，JavaScript 中對象獨有的特色是：對象具有高度的動態(tài)性，這是因為 JavaScript 賦予了使用者在運行時為對象添改狀態(tài)和行為的能力。

我來舉個例子，比如，JavaScript 允許運行時向?qū)ο筇砑訉傩裕@就跟絕大多數(shù)基于類的、靜態(tài)的對象設(shè)計完全不同。如果你用過 Java 或者其它別的語言，肯定會產(chǎn)生跟我一樣的感受。

下面這段代碼就展示了運行時如何向一個對象添加屬性，一開始我定義了一個對象 o，定義完成之后，再添加它的屬性 b，這樣操作，是完全沒問題的。這一點你要理解。

var o = { a: 1 };
o.b = 2;
console.log(o.a, o.b); //1 2

為了提高抽象能力，JavaScript 的屬性被設(shè)計成比別的語言更加復(fù)雜的形式，它提供了數(shù)據(jù)屬性和訪問器屬性（getter/setter）兩類。

JavaScript 對象的兩類屬性

對 JavaScript 來說，屬性并非只是簡單的名稱和值，JavaScript 用一組特征（attribute）來描述屬性（property）。

先來說第一類屬性，數(shù)據(jù)屬性。它比較接近于其它語言的屬性概念。數(shù)據(jù)屬性具有四個特征。

• value：就是屬性的值。

• writable：決定屬性能否被賦值。

• enumerable：決定 for in 能否枚舉該屬性。

• configurable：決定該屬性能否被刪除或者改變特征值。

在大多數(shù)情況下，我們只關(guān)心數(shù)據(jù)屬性的值即可。

第二類屬性是訪問器（getter/setter）屬性，它也有四個特征。

• getter：函數(shù)或 undefined，在取屬性值時被調(diào)用。

• setter：函數(shù)或 undefined，在設(shè)置屬性值時被調(diào)用。

• enumerable：決定 for in 能否枚舉該屬性。

• configurable：決定該屬性能否被刪除或者改變特征值。

訪問器屬性使得屬性在讀和寫時執(zhí)行代碼，它允許使用者寫入和讀出屬性時得到完全不同的值，它可以視為一種函數(shù)的語法糖。

我們通常用于定義屬性的代碼會產(chǎn)生數(shù)據(jù)屬性，其中的 writable、enumerable、configurable 都默認(rèn)為 true。我們可以使用內(nèi)置函數(shù) Object.getOwnPropertyDescripter 來查看，如以下代碼所示：

var o = { a: 1 };
o.b = 2;
//a 和 b 皆為數(shù)據(jù)屬性
Object.getOwnPropertyDescriptor(o,"a") // {value: 1, writable: true, enumerable: true, configurable: true}
Object.getOwnPropertyDescriptor(o,"b") // {value: 2, writable: true, enumerable: true, configurable: true}

我們在這里使用了兩種語法來定義屬性，定義完屬性后，我們用 JavaScript 的 API 來查看這個屬性，我們可以發(fā)現(xiàn)，這樣定義出來的屬性都是數(shù)據(jù)屬性，writeable、enumerable、configurable 都是默認(rèn)值為 true。

如果我們要想改變屬性的特征，或者定義訪問器屬性，可以使用 Object.defineProperty，示例如下：

var o = { a: 1 };
Object.defineProperty(o, "b", {value: 2, writable: false, enumerable: false, configurable: true});
//a 和 b 都是數(shù)據(jù)屬性，但特征值變化了
Object.getOwnPropertyDescriptor(o,"a"); // {value: 1, writable: true, enumerable: true, configurable: true}
Object.getOwnPropertyDescriptor(o,"b"); // {value: 2, writable: false, enumerable: false, configurable: true}
o.b = 3;
console.log(o.b); // 2

這里我們使用了 Object.defineProperty 來定義屬性，這樣定義屬性可以改變屬性的 writable 和 enumerable，我們同樣用 Object.getOwnPropertyDescriptor 來查看，發(fā)現(xiàn)確實改變了 writable 和 enumerable 特征。因為 writable 特征為 false，所以我們重新對 b 賦值，b 的值不會發(fā)生變化。

在創(chuàng)建對象時，也可以使用 get 和 set 關(guān)鍵字來創(chuàng)建訪問器屬性，代碼如下所示：



var o = { get a() { return 1 } };
 
console.log(o.a); // 1

訪問器屬性跟數(shù)據(jù)屬性不同，每次訪問屬性都會執(zhí)行 getter 或者 setter 函數(shù)。這里我們的 getter 函數(shù)返回了 1，所以 o.a 每次都得到 1。

這樣，我們就理解了，實際上 JavaScript 對象的運行時是一個“屬性的集合”，屬性以字符串或者 Symbol 為 key，以數(shù)據(jù)屬性特征值或者訪問器屬性特征值為 value。對象是一個屬性的索引結(jié)構(gòu)（索引結(jié)構(gòu)是一類常見的數(shù)據(jù)結(jié)構(gòu)，我們可以把它理解為一個能夠以比較快的速度用 key 來查找 value 的字典）。我們以上面的對象 o 為例，你可以想象一下“a”是 key。

這里{writable:true,value:1,configurable:true,enumerable:true}是 value。我們在前面的類型課程中，已經(jīng)介紹了 Symbol 類型，能夠以 Symbol 為屬性名，這是 JavaScript 對象的一個特色。

講到了這里，如果你理解了對象的特征，也就不難理解我開篇提出來的問題。

你甚至可以理解為什么會有“JavaScript 不是面向?qū)ο蟆边@樣的說法：JavaScript 的對象設(shè)計跟目前主流基于類的面向?qū)ο蟛町惙浅４蟆６聦嵣希@樣的對象系統(tǒng)設(shè)計雖然特別，但是 JavaScript 提供了完全運行時的對象系統(tǒng)，這使得它可以模仿多數(shù)面向?qū)ο缶幊谭妒剑运彩钦y(tǒng)的面向?qū)ο笳Z言。

JavaScript 語言標(biāo)準(zhǔn)也已經(jīng)明確說明，JavaScript 是一門面向?qū)ο蟮恼Z言，我想標(biāo)準(zhǔn)中能這樣說正因為 JavaScript 的高度動態(tài)性的對象系統(tǒng)。

所以，我們應(yīng)該在理解其設(shè)計思想的基礎(chǔ)上充分挖掘它的能力，而不是機械地模仿其它語言。

結(jié)

要想理解 JavaScript 對象，必須清空我們腦子里“基于類的面向?qū)ο蟆毕嚓P(guān)的知識，回到人類對對象的樸素認(rèn)知和面向?qū)ο蟮恼Z言無關(guān)基礎(chǔ)理論，我們就能夠理解 JavaScript 面向?qū)ο笤O(shè)計的思路。

很多人在思考 JavaScript 對象時，會帶著已有的“對象”觀來看問題，最后的結(jié)果當(dāng)然就是“剪不斷理還亂”了。

感謝各位的閱讀，以上就是“JavaScript是面向?qū)ο筮€是基于對象”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對JavaScript是面向?qū)ο筮€是基于對象這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

當(dāng)前題目：JavaScript是面向?qū)ο筮€是基于對象-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明：http://m.2m8n56k.cn/article44/dociee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、品牌網(wǎng)站制作、云服務(wù)器、小程序開發(fā)、網(wǎng)站導(dǎo)航、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)