測試你的技能:物件基礎

此技能測試的目的是評估您是否理解了我們的 JavaScript 物件基礎 文章。

注意:您可以在此頁面上的互動式編輯器中或線上編輯器(例如CodePenJSFiddleGlitch)中嘗試解決方案。如果您的程式碼中存在錯誤,它將記錄在此頁面上的結果面板或 JavaScript 控制檯中。

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

物件基礎 1

在此任務中,您將獲得一個物件字面量,您的任務是:

  • 使用方括號表示法將name屬性的值儲存在catName變數中。
  • 使用點表示法執行greeting()方法(它會將問候語記錄到瀏覽器的控制檯)。
  • color屬性的值更新為black

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

下載此任務的起點,以便在您自己的編輯器或線上編輯器中進行操作。

物件基礎 2

在我們的下一個任務中,我們希望您嘗試建立自己的物件字面量來表示您最喜歡的樂隊之一。必需的屬性是:

  • name:表示樂隊名稱的字串。
  • nationality:表示樂隊來自哪個國家的字串。
  • genre:樂隊演奏的音樂型別。
  • members:表示樂隊成員數量的數字。
  • formed:表示樂隊組建年份的數字。
  • split:表示樂隊解散年份的數字,如果樂隊仍在活動則為false
  • albums:表示樂隊發行的專輯的陣列。每個陣列項都應是一個包含以下成員的物件:
    • name:表示專輯名稱的字串。
    • released:表示專輯發行年份的數字。

albums陣列中至少包含兩張專輯。

完成此操作後,您應該將字串寫入變數bandInfo,該變數將包含一個簡短的傳記,詳細介紹樂隊的名稱、國籍、活躍年份和風格,以及第一張專輯的標題和發行日期。

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

下載此任務的起點,以便在您自己的編輯器或線上編輯器中進行操作。

物件基礎 3

在此任務中,我們希望您返回到任務 1 中的cat物件字面量。我們希望您重寫greeting()方法,以便它將"Hello, said Bertie the Cymric."記錄到瀏覽器的控制檯,但要以適用於任何相同結構的cat物件的方式,無論其名稱或品種如何。

完成後,編寫您自己的名為cat2的物件,該物件具有相同的結構,完全相同的greeting()方法,但namebreedcolor不同。

呼叫這兩個greeting()方法以檢查它們是否將適當的問候語記錄到控制檯。

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

下載此任務的起點,以便在您自己的編輯器或線上編輯器中進行操作。

物件基礎 4

在您為任務 3 編寫的程式碼中,greeting()方法定義了兩次,一次用於每個貓。這不是理想的(具體來說,它違反了程式設計中有時稱為DRY或“不要重複自己”的原則)。

在此任務中,我們希望您改進程式碼,以便greeting()只定義一次,並且每個cat例項都獲得自己的greeting()方法。提示:您應該使用 JavaScript 建構函式來建立cat例項。

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

下載此任務的起點,以便在您自己的編輯器或線上編輯器中進行操作。