首頁 >web前端 >js教程 >&#新&#關鍵字

&#新&#關鍵字

Barbara Streisand
Barbara Streisand原創
2024-11-30 02:02:14962瀏覽

在 JavaScript 中,「new」關鍵字透過建構子建立物件的新實例。

新關鍵字的目的:

  • 物件創建。
  • 原型連結。
  • 綁定「this」並傳回新建立的物件。

運作原理:

當您在建構函式中使用 new 關鍵字時,將執行下列步驟:

  1. 建立了一個新的空物件。
  2. 新物件的原型設定為建構函數的原型。
  3. 建構函式被呼叫到設定了「this」的新物件。
  4. 如果建構函式沒有傳回對象,則傳回新建立的對象。

例 :

這是一個簡潔的程式碼範例,示範了 JavaScript 中 new 關鍵字的使用,涵蓋了物件建立、原型連結和綁定「this」所涉及的所有基本步驟。

// Step 1: Define a constructor function
function Car(make, model) {
    this.make = make; // Step 3: Bind properties to the new object
    this.model = model;
}

// Step 4: Add a method to the Car prototype
Car.prototype.getDetails = function() {
    return `${this.make} ${this.model}`;
};

// Step 2: Create a new instance of Car using the new keyword
const myCar = new Car('Toyota', 'Corolla');

// Using the method from the prototype
console.log(myCar.getDetails()); // Output: Toyota Corolla

// To demonstrate the prototype linkage
console.log(myCar instanceof Car); // Output: true

概括

綜上所述,new 關鍵字對於 JavaScript 中的物件導向程式設計至關重要。它允許創建物件的新實例,建立原型繼承,綁定 this 的上下文,並處理創建的物件的返回。了解 new 的工作原理對於在 JavaScript 中有效使用建構函式和類別至關重要。

以上是&#新&#關鍵字的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn