JavaScript在面向物件中的建立物件的3種方法

如何宣告物件

JavaScript是一種功能強大的程式語言，支援面向物件程式設計（OOP）。實際上，在JavaScript中，物件最大 - 從核心功能（如字串和陣列）到使用該語言構建的瀏覽器API。

Bautista是一位美國網路開發人員，熱衷於教授人們程式設計，他強調“要將你的JavaScript技能提升到一個新的水平，你需要理解語言的基於物件的本質。“

以下是在面向物件的JavaScript（OOJS）程式設計中建立物件的三種方法：

使用物件文字

在OOP中，物件文字是指用大括號括起來的用逗號分隔的名稱 - 值對列表。名稱是字串，值是可用的任何基本資料型別，例如陣列，字串，數字，函式等等。

通常，物件文字用於封裝程式碼並將其包裝在有序的包中。這樣，它們可以防止與全域性範圍內的變數和物件發生衝突。使用物件文字，您可以一起收集屬性和方法，並使您的程式碼乾淨整潔。

JavaScript物件文字是單例，它們允許您方便靈活地建立物件。它們可以避免編寫過多程式碼。例如，您可以將物件文字放置在工作區中的任何位置，而不包括任何先前的設定，並且它仍然可以正常工作 - 這可能非常有用！

雖然物件文字很重要，但它們不支援例項化或繼承。如果要使用這些功能，則需要使用其他技術來建立物件。

使用物件建構函式

建構函式是建立JavaScript物件的最常規技術，它依賴於原型繼承來利用彼此的功能。這些函式的一個關鍵特性是它們可以例項化和繼承。

建構函式的建立就像常規函式一樣。但是，區別在於this關鍵字用於宣告屬性和方法。

通常，new將新建立的物件繫結到被呼叫建構函式中的this運算子。

當呼叫類似於watch（）的函式時，瀏覽器將向上移動物件鏈及其各自的原型屬性，直到它檢索其值。

使用原型繼承

也可以使用原型繼承的概念建立JavaScript物件。大多數現代瀏覽器使用名為__ proto __ 的特殊屬性實現原型，該屬性發音為dunder proto（雙下劃線原型的縮短版本）。

重要的是要注意__proto__是一種新的JavaScript ES6語法，可能在舊瀏覽器中不可用。或者，您可以使用Object。create（）方法建立原型。