JavaScript 初探

帶領各位開始體驗撰寫 JavaScript 前,在第一個 JavaScript 單元中,我們首先來回答一些基本的問題,像是「什麼是 JavaScript 啊?」、「它長什麼樣子?」以及「它能拿來做什麼?」。之後我們會詳細討論幾個關鍵元素,諸如變量(variables)、字串(strings)、數字(numbers)和陣列(arrays)。

事前準備

在開始這個教學之前,你不需要具備任何的 JavaScript 相關知識,但是你應該對 HTML 及 CSS 有一點熟悉。建議你在開始學習 JavaScript 前,先看過下列內容 :

備註: 假如你正在使用 電腦/平板/其他裝置,你還不需要知道如何建立自己的檔案,你可以在線上程式撰寫系統來嘗試範例程式,像是 JSBinGlitch

概觀

什麼是 JavaScript?

歡迎來到 MDN JavaScript 新手村教學!在第一個章節中我們將一個較高的層次看 JavaScript,回答像是「它是什麼?」、「有什麼用?」之類的問題,並且確保你能了解 JavaScript 的目的。

和 JavaScript 的第一次接觸

現在你已經學到一些關於 JavaScript 的原理,以及可以用它來作什麼,我們將經由完整的引導,給你一個關於 JavaScript 基礎功能的速成課。這裡你將會一步一步地建立一個簡單的「猜數字」遊戲。

什麼出錯了? JavaScript 的疑難排解(除錯)

當你在前一章節建立的「猜數字」遊戲過程中,你可能會發現它不能運作。不要慌,這個章節的目的是提供一些提示,用來找出及修正在 JavaScript 程式裡的錯誤,讓你不會因為這些問題而煩惱。

儲存你需要的資訊 — 變數

在讀過前面幾個章節後,你現在應該能由較高的層次了解 JavaScript 是什麼,它能為你做些什麼,如何與其他的網站技術一起使用,以及它的主要的特性。在本章節中,我們將深入探討真正的基礎知識,看看 JavaScript 最基本的組成 — 變數(Variables)是如何運作 。

JavaScript 的基本運算— 數字 與 運算子

本章的重點,我們討論 JavaScript 的數值計算 — 我們如何依我們的要求組合運算子與其它元素來操控數值。

處理文字 — JavaScript 的字串

接下來我們將焦點轉到字串(strings) — 這是程式裡對一段文字的稱呼。這個章節我們將會檢視學習 JavaScript 中,所有你通常想要知道於字串事情,例如創建字串、字串跳脫(escaping)操作,以及把它們組合起來。

有用的字串方法

我們已經看過了字串的基礎知識,現在讓我們加快腳步,看看可以使用內建的方法對字串進行哪些有用的操作 ,例如:取得字串的長度、串接或分割字串、替換字串中的某個字……等等。

陣列

在這個單元的最後一個章節,我們來看看陣列 (Array) — 把一連串資料整齊地儲存在一個變數中。我們會看到為什麼它有用,然後探索如何創建一個陣列,對陣列內的項目進行檢索、新增、刪除……等操作。

測試一下

下面的任務會測試你對於前面提到的 JavaScript 基本概念是否了解。

傻故事產生器

本次測試中,你的任務是使用在這個單元所學到的知識,建立一個能隨機產生笑話的有趣程式。祝你愉快!

參考資源

Learn JavaScript

對於想成為網站開發者一個很好的資源,以互動的方式學習 JavaScript ,包含短課程、互動測驗,自動評估狀況給予指引。前 40 堂課是免費,完整的課程可以在一次付費買下。