JavaScript — 動態客戶端指令碼

JavaScript 是一種程式語言,允許你在網頁上實現複雜的功能。每當一個網頁不僅僅是停留在那裡顯示靜態資訊供你檢視時——例如顯示及時的內容更新、互動式地圖、動畫 2D/3D 圖形、滾動影片播放列表等等——你都可以肯定 JavaScript 可能參與其中。

先決條件

JavaScript arguably 比相關的技術(如 HTMLCSS)更難學習。在嘗試學習 JavaScript 之前,強烈建議你首先熟悉至少這兩種技術,也許還有其他一些技術。從學習以下模組開始

擁有其他程式語言的經驗也可能有所幫助。

在熟悉 JavaScript 的基礎知識後,你就可以學習更高階的主題,例如

模組

我們關於現代 JavaScript 的政策

JavaScript 是一種積極發展的語言,多年來發生了很大的變化。特別是,該語言的第 6 版(有時稱為 ECMAScript 2015 或 ES6),於 2015 年釋出,添加了許多新功能。同時,為了保持與舊網站向後相容,即使不再被認為是最佳實踐,該語言的舊功能也被保留了下來。

我們認為 ECMAScript 2015 及後續版本中新增到 JavaScript 的功能使開發人員能夠編寫更具可讀性、可靠性和表現力的程式碼,並且學習這些功能非常重要。

我們在本課程中教授的功能是穩定的,並且在過去幾年中一直受到所有主要瀏覽器的支援。

本主題包含以下模組,建議按照順序學習。

JavaScript 入門

在我們的第一個 JavaScript 模組中,我們首先回答一些基本問題,例如“什麼是 JavaScript?”、“它是什麼樣子的?”以及“它能做什麼?”,然後帶你體驗編寫 JavaScript 的實踐。之後,我們將詳細討論一些關鍵的 JavaScript 功能,例如變數、字串、數字和陣列。

JavaScript 構建塊

在本模組中,我們將繼續涵蓋所有 JavaScript 的關鍵基礎功能,並將注意力轉向常見的程式碼塊型別,例如條件語句、迴圈、函式和事件。你在課程中已經見過這些內容,但只是略過——在這裡我們將明確地討論所有這些。

介紹 JavaScript 物件

在 JavaScript 中,大多數事物都是物件,從核心 JavaScript 功能(如字串和陣列)到構建在 JavaScript 之上的瀏覽器 API。你甚至可以建立自己的物件,將相關的函式和變數封裝到高效的包中。如果你想進一步瞭解這門語言並編寫更高效的程式碼,那麼理解 JavaScript 的面向物件特性非常重要,因此我們提供了本模組來幫助你。在這裡,我們將詳細講解物件的理論和語法,瞭解如何建立自己的物件,並解釋什麼是 JSON 資料以及如何使用它。

非同步 JavaScript

在本模組中,我們將瞭解非同步 JavaScript,為什麼它很重要,以及如何使用它來有效地處理潛在的阻塞操作,例如從伺服器獲取資源。

客戶端 Web API

在為網站或應用程式編寫客戶端 JavaScript 程式碼時,您很快就會開始使用 API——用於操作瀏覽器和網站執行的作業系統不同方面的介面,甚至來自其他網站或服務的資料。在本模組中,我們將探討什麼是 API,以及如何使用在開發工作中經常遇到的某些最常見的 API。

解決常見的 JavaScript 問題

解決 JavaScript 程式碼中的常見問題 提供了一些關於如何避免常見的 JavaScript 初學者程式設計錯誤的建議,以及許多指向展示如何解決常見 JavaScript 程式設計問題的主題的有用連結。

另請參閱

MDN 上的 JavaScript

MDN 上核心 JavaScript 文件的主要入口點——在這裡,您將找到有關 JavaScript 語言各個方面的廣泛參考文件,以及針對經驗豐富的 JavaScript 開發人員的一些高階教程。

學習 JavaScript

一個非常適合有抱負的 Web 開發人員的資源——在互動式環境中學習 JavaScript,透過簡短的課程和互動式測試,由自動化評估指導。前 40 節課免費。

編碼數學

Keith Peters提供的一系列優秀的影片教程,教授成為一名有效程式設計師所需的數學知識。