介紹 JavaScript 物件

在 JavaScript 中,大多數事物都是物件,從核心 JavaScript 功能(如陣列)到構建在 JavaScript 之上的瀏覽器 API。您甚至可以建立自己的物件,將相關的函式和變數封裝到高效的包中,並充當方便的資料容器。如果您想進一步瞭解這門語言,理解 JavaScript 的基於物件特性非常重要,因此我們提供了此模組來幫助您。在這裡,我們將詳細講解物件理論和語法,然後探討如何建立您自己的物件。

先決條件

在開始學習本模組之前,您應該對 HTMLCSS 有一定的瞭解。建議您在開始學習 JavaScript 之前,先完成 HTML 入門CSS 入門 模組。

在詳細瞭解 JavaScript 物件之前,您也應該對 JavaScript 基礎知識有所瞭解。在嘗試學習本模組之前,請先完成 JavaScript 初步JavaScript 構建塊

注意:如果您在無法建立自己的檔案的計算機/平板電腦/其他裝置上工作,您可以嘗試在線上編碼程式(如 JSBinGlitch)中執行(大部分)程式碼示例。

指南

物件基礎

在第一篇關於 JavaScript 物件的文章中,我們將瞭解基本的 JavaScript 物件語法,並回顧我們在課程早期已經學習過的一些 JavaScript 功能,重申您已經使用過的大多數功能實際上都是物件這一事實。

物件原型

原型是 JavaScript 物件彼此繼承特徵的機制,並且它們的工作方式與經典面向物件程式語言中的繼承機制不同。在本文中,我們探討了原型鏈的工作原理。

面向物件程式設計

在本文中,我們將描述“經典”面向物件程式設計的一些基本原理,並探討它與 JavaScript 中的原型模型的不同之處。

JavaScript 中的類

JavaScript 為想要實現“經典”面向物件程式的人提供了一些功能,在本文中,我們將描述這些功能。

使用 JSON 資料

JavaScript 物件表示法 (JSON) 是一種基於 JavaScript 物件語法的表示結構化資料的標準文字格式,通常用於在 Web 上表示和傳輸資料(即,從伺服器傳送一些資料到客戶端,以便可以在網頁上顯示)。您會經常遇到它,因此在本文中,我們將為您提供使用 JavaScript 處理 JSON 所需的一切,包括解析 JSON 以便您可以訪問其中的資料項,以及編寫您自己的 JSON。

物件構建練習

在之前的文章中,我們瞭解了所有必要的 JavaScript 物件理論和語法細節,為您提供了堅實的基礎。在本文中,我們將深入探討一個實踐練習,讓您在構建自定義 JavaScript 物件方面獲得更多實踐經驗,從而產生一些有趣且豐富多彩的東西——一些彩色的彈跳球。

評估

為我們的彈跳球演示新增功能

在本評估中,您需要使用上一篇文章中的彈跳球演示作為起點,並向其中新增一些新的有趣功能。

另請參閱

學習 JavaScript

一個面向有抱負的 Web 開發人員的優秀資源——在一個互動式環境中學習 JavaScript,包含簡短的課程和互動式測試,由自動化評估引導。前 40 節課免費,完整課程只需支付少量的一次性費用。