跳到主要内容

班級

@serverSerrverlesskiy

JavaScript 使用原型繼承模型:每個對像都繼承原型對象的字段(屬性)和方法。

班級

關鍵字 class 用於定義一個類:

class MyClass {
// class methods
constructor() { ... }
method1() { ... }
method2() { ... }
method3() { ... }
...
}

此語法稱為類聲明。

Class

類中的方法不是逗號分隔的

類語法與對象文字不同。 類內不需要逗號。

該類可能沒有名稱。 類表達式可用於將類分配給變量 :

const UserClass = class {
// class body
}

可以將類導出為模塊。 這是默認導出的示例:

export default class User {
// class body
}

這是一個命名導出的示例:

export class User {
// class body
}

當您實例化該類時,該類將變得有用。 實例是一個對象,其中包含 類描述的數據和行為。

new 運算符在 JavaScript 中創建一個類的實例,如下所示: instance = new Class().

例如,您可以使用以下命令創建 User 類的實例 new 操作員:

const myUser = new User()

new User() 創建一個實例 User 班級 👤.

初始化:構造函數()

spangeBob

constructor (...) 是類主體中用於初始化實例的特殊方法。 在這裡您可以設置字段的初始值或對對象進行任何調整。

在下面的示例中,構造函數設置了 name 場地:

class User {
constructor(name) {
this.name = name
}
}

constructorUser 類採用一個參數, name, 用於設置初始值 this.name 場地。

在構造函數中,值 this 等於新創建的實例。

用於實例化類的參數成為構造函數的參數 :

实时编辑器
结果
Loading...

name 構造函數中的參數是 Jon Snow.

如果未為類定義構造函數,則會創建一個默認構造函數。 默認構造函數是一個空函數 ⚙️,它不會修改實例。

只能有一種名為 constructor 在課堂上。

放棄課程

rejection

由於在我們學校的課程中,我們教授使用庫開發移動應用程序 React, 創新在哪裡 React Hooks 允許您在不編寫類的情況下使用狀態和其他 React 功能。 因此,不再討論類,因為我們已經放棄了它們。

問題?

Problem

寫給 Discord 聊天。

問題:

Question

類定義的關鍵字是什麼?

  1. constructor()
  2. class
  3. this

類逗號內的方法是否分開?

1.是的 2.沒有

多少 constructor() 方法可以在一堂課中嗎?

1.無限 2.最多十個 3.只有一個

為了了解您學到了多少本課程,請對 mobile application 我們學校就這個話題。

EnglishMoji!

鏈接:

  1. MDN web docs
  2. Learn JavaScript

貢獻者 ✨

感謝這些好人 (emoji key):


Philipp Dvinyaninov


Dmitriy Vasilev

💵

Resoner2005

🐛 🎨 🖋

Navernoss

🖋 🐛 🎨

EnglishMoji!