JavaScript是一種功能強(qiáng)大的編程語(yǔ)言，支持面向?qū)ο缶幊?OOP)。實(shí)際上，在JavaScript中，對(duì)象最大 - 從核心功能(如字符串和數(shù)組)到使用該語(yǔ)言構(gòu)建的瀏覽器API。

Bautista是一位美國(guó)網(wǎng)絡(luò)開(kāi)發(fā)人員，熱衷于教授人們編程，他強(qiáng)調(diào)“要將你的JavaScript技能提升到一個(gè)新的水平，你需要理解語(yǔ)言的基于對(duì)象的本質(zhì)。"

以下是在面向?qū)ο蟮腏avaScript(OOJS)編程中創(chuàng)建對(duì)象的三種方法:

使用對(duì)象文字

在OOP中，對(duì)象文字是指用大括號(hào)括起來(lái)的用逗號(hào)分隔的名稱(chēng) - 值對(duì)列表。名稱(chēng)是字符串，值是可用的任何基本數(shù)據(jù)類(lèi)型，例如數(shù)組，字符串，數(shù)字，函數(shù)等等。

通常，對(duì)象文字用于封裝代碼并將其包裝在有序的包中。這樣，它們可以防止與全局范圍內(nèi)的變量和對(duì)象發(fā)生沖突。使用對(duì)象文字，您可以一起收集屬性和方法，并使您的代碼干凈整潔。

JavaScript對(duì)象文字是單例，它們?cè)试S您方便靈活地創(chuàng)建對(duì)象。它們可以避免編寫(xiě)過(guò)多代碼。例如，您可以將對(duì)象文字放置在工作區(qū)中的任何位置，而不包括任何先前的設(shè)置，并且它仍然可以正常工作 - 這可能非常有用!

雖然對(duì)象文字很重要，但它們不支持實(shí)例化或繼承。如果要使用這些功能，則需要使用其他技術(shù)來(lái)創(chuàng)建對(duì)象。

使用對(duì)象構(gòu)造函數(shù)

構(gòu)造函數(shù)是創(chuàng)建JavaScript對(duì)象的最常規(guī)技術(shù)，它依賴(lài)于原型繼承來(lái)利用彼此的功能。這些函數(shù)的一個(gè)關(guān)鍵特性是它們可以實(shí)例化和繼承。

構(gòu)造函數(shù)的創(chuàng)建就像常規(guī)函數(shù)一樣。但是，區(qū)別在于this關(guān)鍵字用于聲明屬性和方法。通常，new將新創(chuàng)建的對(duì)象綁定到被調(diào)用構(gòu)造函數(shù)中的this運(yùn)算符。當(dāng)調(diào)用類(lèi)似于watch的函數(shù)時(shí)，瀏覽器將向上移動(dòng)對(duì)象鏈及其各自的原型屬性，直到它檢索其值。

使用原型繼承

也可以使用原型繼承的概念創(chuàng)建JavaScript對(duì)象。大多數(shù)現(xiàn)代瀏覽器使用名為_(kāi)_proto__ 的特殊屬性實(shí)現(xiàn)原型，該屬性發(fā)音為dunder proto(雙下劃線原型的縮短版本)。

重要的是要注意__proto__是一種新的JavaScriptES6語(yǔ)法，可能在舊瀏覽器中不可用?；蛘?，您可以使用Object.create方法創(chuàng)建原型。