JavaScript 中的「new」關鍵字如何建立和管理物件？

破解JavaScript 中的「new」關鍵字：揭示其功能和用例

雖然JavaScript 通常被認為是非物件導向的，「 new”關鍵字在建立和操作物件中起著至關重要的作用。讓我們深入研究它的重要性並解決有關其用法的基本問題。

什麼是「new」關鍵字？

「new」關鍵字在以下方面有多種用途： JavaScript:

1. 它實例化一個新物件。
2. 它將建構函式的「prototype」物件指定為新建立物件的內部且不可存取的 [[prototype]] 屬性。
3. 它將新建立的物件指派給「this」變數。
4. 每當使用「this」時，它都會呼叫建構函數，利用新建立的物件。
5. 除非建構子回傳非空物件引用，它會傳回新建立的物件。

使用「new」解決問題

「new」關鍵字解決了 JavaScript 基於類別的繼承中的限制系統。透過動態屬性和繼承，它允許程式設計師模擬傳統的 OOP 機制。

何時使用'new' 和何時不

每當你需要使用'new' 關鍵字時需要：

• 建立類別的實例構造。
• 使用特定屬性和方法初始化一個新物件。
• 透過內部 [[prototype]] 屬性存取建構函數的「原型」物件。

在下列情況下避免使用「new」：

• 您想要將函數作為普通函數呼叫函數。
• 您希望從建構子傳回一個替代物件。
• 您不知道設定內部 [[prototype]] 屬性和修改繼承屬性的意義。

理解原型和[[原型]]屬性

原型鍊是 JavaScript 繼承的基礎。函數的「原型」屬性是指可存取的對象，可以對其進行操作以建立繼承的屬性和方法。相反， [[prototype]] 屬性是一個內部的、不可變的對象，它保存建構子的原型。

範例：

function ObjMaker() {
  this.a = 'first';
}

ObjMaker.prototype.b = 'second';

const obj1 = new ObjMaker();

console.log(obj1.a); // "first"
console.log(obj1.b); // "second"

在此範例中, 'new' 建立一個新的'obj1' 對象，將其[[prototype]] 屬性設為'ObjMaker.prototype'，並執行“ObjMaker”函數，將“obj1.a”初始化為“first”。 「prototype」鏈允許「obj1」從其 [[prototype]] 物件繼承「b」屬性。

子類和原型鏈

要建立類似子類別的結構，可以將子類別建構子的「prototype」屬性設定為超類別的「prototype」物件。這創建了一個原型鏈，使子類別能夠繼承和覆蓋其超類別的屬性。

以上是JavaScript 中的「new」關鍵字如何建立和管理物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！