測試你的技能：面向物件的 JavaScript

本技能測試旨在評估您是否理解了我們的 JavaScript 中的類 文章。

注意：您可以在此頁面上的互動式編輯器中或線上編輯器（如 CodePen、JSFiddle 或 Glitch）中嘗試解決方案。如果程式碼中存在錯誤，它將記錄在此頁面上的結果面板或 JavaScript 控制檯中。

如果您遇到困難，您可以透過我們的一些 溝通渠道 與我們聯絡。

OOJS 1

在本任務中，我們為您提供了一個 Shape 類的定義的開頭。它有三個屬性：name、sides 和 sideLength。此類僅對所有邊都具有相同長度的形狀（如正方形或等邊三角形）進行建模。

我們希望您

  • 向此類新增一個建構函式。建構函式接受 name、sides 和 sideLength 屬性的引數，並初始化它們。
  • 向類新增一個名為 calcPerimeter() 的新方法，該方法計算其周長（形狀外邊緣的長度）並將結果記錄到控制檯。
  • 建立一個名為 square 的 Shape 類的新例項。為其提供 name 為 square、4 個 sides 以及 sideLength 為 5。
  • 在例項上呼叫您的 calcPerimeter() 方法，以檢視它是否按預期將計算結果記錄到瀏覽器的控制檯。
  • 建立一個名為 triangle 的 Shape 新例項，其 name 為 triangle、3 個 sides 以及 sideLength 為 3。
  • 呼叫 triangle.calcPerimeter() 以檢查它是否正常工作。

嘗試更新下面的即時程式碼以重新建立完成的示例

下載此任務的起點 以在您自己的編輯器或線上編輯器中使用。

OOJS 2

接下來，我們希望您建立一個繼承自 Shape 的 Square 類，並新增一個計算正方形面積的 calcArea() 方法。還要設定建構函式，以便 Square 物件例項的 name 屬性自動設定為 square，sides 屬性自動設定為 4。因此，在呼叫建構函式時，您只需提供 sideLength 屬性。

建立一個名為 square 的 Square 類例項，並設定適當的屬性值，並呼叫其 calcPerimeter() 和 calcArea() 方法以顯示其正常工作。

嘗試更新下面的即時程式碼以重新建立完成的示例

下載此任務的起點 以在您自己的編輯器或線上編輯器中使用。