預(yù)備知識
開始這個模塊之前,你應(yīng)當(dāng)已經(jīng)對 HTML 和 CSS 有所了解。我們建議你通讀 HTML 入門和 CSS 入門模塊,再開始了解 JavaScript。
詳細(xì)了解 JavaScript 對象之前,你應(yīng)當(dāng)已經(jīng)對 JavaScript 基礎(chǔ)有所熟悉。嘗試這個模塊之前,請通讀 JavaScript 第一步和構(gòu)成 JavaScript 的“磚塊"。
注意:如果你使用的電腦/平板/其他設(shè)備上無法創(chuàng)建自己的文件,你可以使用在線編程網(wǎng)站如 JSBin 或 Thimble,來試驗文章中的(大多數(shù))代碼。
指南
- 對象基礎(chǔ)
- 在了解 JavaScript 對象的第一篇文章中,我們將介紹 JavaScript 對象的語法,并回顧先前課程中講過的某些 JavaScript 功能。你會發(fā)現(xiàn),你已經(jīng)在使用的很多功能本質(zhì)上都是對象。
- 適合初學(xué)者的面向?qū)ο?JavaScript
- 了解基礎(chǔ)后,我們將關(guān)注面向?qū)ο?JavaScript (OOJS)。本文將介紹面向?qū)ο缶幊?(OOP) 的基本理論,然后講解 JavaScript 如何通過構(gòu)造器 (constructor) 函數(shù)模擬對象類別 (class)、如何創(chuàng)建對象實例 (instance)。
- 對象原型
- 通過原型 (prototype) 這種機(jī)制,JavaScript 中的對象從其他對象繼承功能特性;這種繼承機(jī)制與經(jīng)典的面向?qū)ο缶幊陶Z言不同。本文將探討這些差別,解釋原型鏈如何工作,并了解如何通過
prototype
屬性向已有的構(gòu)造器添加方法。
- JavaScript 中的繼承
- 了解了 OOJS 的大多數(shù)細(xì)節(jié)之后,本文將介紹如何創(chuàng)建“子"對象類別(構(gòu)造器)并從“父"類別中繼承功能。此外,我們還會針對何時何處使用 OOJS 給出建議。
- 使用 JSON 數(shù)據(jù)
- JavaScript Object Notation (JSON) 是一種將結(jié)構(gòu)化數(shù)據(jù)表達(dá)為 JavaScript 對象的標(biāo)準(zhǔn)格式,其常用于在網(wǎng)站上表達(dá)或傳輸數(shù)據(jù)(比如:從服務(wù)器向客戶端發(fā)送數(shù)據(jù),使之顯示在網(wǎng)頁上)。你會經(jīng)常遇到它,因此本文將告訴你如何在 JavaScript 中使用 JSON 數(shù)據(jù),包括訪問 JSON 對象中的數(shù)據(jù)條目、編寫自己的 JSON 數(shù)據(jù)等等。
- 構(gòu)建對象實戰(zhàn)
- 在前面的文章中我們了解了 JavaScript 對象基本理論和語法,為你打下堅實的基礎(chǔ)。本文中你需要進(jìn)行實戰(zhàn)練習(xí),通過構(gòu)建自定義?JavaScript 對象的實踐過程,編寫一個有趣而“多彩"的程序——“彩色彈跳球"。
學(xué)習(xí)評估
- 向“彈跳球"演示程序添加新功能
- 在這個評估中,你需要以上一篇文章中的“彈跳球"演示為起點,向這個演示程序新增一些有趣的功能。
更多建議: