位元詩人 [JavaScript] 程式設計教學

本系列文章講解 JavaScript 的語法,這是撰寫 JavaScript 程式的基礎知識。

現代 [JavaScript] 程式設計教學:建置開發環境

本文帶著讀者實際建立 JavaScript 開發環境 繼續閱讀

現代 [JavaScript] 程式設計教學:利用 Babel 支援現代 JavaScript 的特性

目前最流行的 JavaScript 轉譯工具是 TypeScript,而不是 Babel。不過,Babel 仍然是一個值得了解的工具。本篇文章會簡要說明 繼續閱讀

現代 [JavaScript] 程式設計教學:宣告和使用變數 (Variable)

本文說明如何在 JavaScript 中宣告和使用變數。 繼續閱讀

現代 [JavaScript] 程式設計教學:使用運算子 (Operator)

在程式語言中,運算子視為該語言基本的指令,通常不能再拆分成更小的單位。本文介紹 JavaScript 中可用的運算子。 繼續閱讀

現代 [JavaScript] 程式設計教學:使用 JSON 物件

JSON 是一種輕量級的檔案格式,其語法剛好是 JavaScript 的子集合。會 JavaScript 就可以學會 JSON。由於 JSON 在網頁程式中廣泛使用著,在學習 JavaScript 時都會順便學習 JSON。 繼續閱讀

現代 [JavaScript] 程式設計教學:使用物件實字 (Object Literal)

在 JavaScript 中,物件實字可以當成映射、模擬命名空間、撰寫基於物件的程式等,是相當實用的資料結構。 繼續閱讀

現代 [JavaScript] 程式設計教學:使用映射 (Map) 和集合 (Set)

映射和集合是 ES6 後新增的容器物件。映射是用來儲存以鍵/值對為單位的非線性容器。集合的概念源自於數學上的集合論,用來表示獨特的資料存在的關係。 繼續閱讀

現代 [JavaScript] 程式設計:宣告和使用函式 (Function)

函式包住可重覆使用的程式碼區塊,是重用程式碼的最基本單位。本文介紹 JavaScript 的函式 繼續閱讀

現代 [JavaScript] 程式設計教學:建立物件 (object)

JavaScript 的物件系統是以原型為基礎,相較起來,大部分主流的語言的物件是以類別為基礎,兩者有一些差異。JavaScript 建立物件的方法較為靈活,會依需求而有不同的建立方式。 繼續閱讀

現代 [JavaScript] 程式設計教學:藉由繼承 (Inheritance) 重用程式碼

撰寫 JavaScript 程式時,除了使用原本的原型外,ES6 新增了語法糖,讓繼承變得更簡單。 繼續閱讀