JavaScript 語法

JavaScript 是一門程式語言,程式基本上就是編寫一連串的指令 (instructions),告訴瀏覽器要做什麼事情。

我們將 JavaScript 程式指令,稱作語句 (statement),一個程式會由許多語句組成,而瀏覽器會由上至下、由左到右依序執行這些語句。

語句定義了 JavaScript 中的主要語法,語句通常使用一或多個關鍵字來描述你想做的事情。語句可以很簡單,例如執行一個函數 (function);也可以比較複雜,例如一個邏輯判斷區塊 (if else)。

分號 ;

JavaScript 的每一個語句以分號 ; 來做結束。

JavaScript 的結尾分號 ; 是可以省略的 (optional),但為了讓程式碼更清楚也避免拿掉後可能讓程式碼解析錯誤,一般最好還是習慣加上分號。

變數 (variable)

變數的用途是用來儲存和從變數中讀取資料:

  • 你可以用 var 關鍵字來宣告一個變數
  • = 等號來設定一個值 (value) 給變數

例如,我們宣告一個變數 x,並將 x 的值設為 100:

var x;
x = 100;

你也可以在宣告變數的同時指定值:

var x = 100;

運算子 (Operator)

JavaScript 有許多不同類型的運算子,來讓你可以做不同的操作。

像是指定運算子 (assignment operator) = 等號,用來指定一個值給變數:

var x = 100;

或像是算術運算子 (arithmetic operator) + - * /,用來對數值做操作:

var x = 100 + 20;
var y = x + 50;

上面的 x 變數值將會是 120,而 y 變數的值則是 170。

註解 (Comment)

註解顧名思義,是寫給開發人員自己看的註釋,註解語法是告訴瀏覽器忽略和不要執行這段語句。

JavaScript 的註解有分單行註解 (雙斜線 //) 和多行註解 (/* 用 "/*" 和 "*/" 符號,被包住在中間的所有字都是註解 */)。

// 這是單行註解

/*
這是...
多
行
註解
*/

空白 (whitespace)

空白 (space), tab 或換行符號 (newline characters) 在 JavaScript 都稱為空白 (whitespace),JavaScript 程式碼在解析時,會忽略所有的空白,所以你可以自由利用空白字元來編排你的程式碼讓它更好讀。

var x = ['stringggggggggg1', 'stringggggggggg2', 'stringggggggggg3'];

// 這個寫法,和上面的意思是一模一樣的
var x = [
    'stringggggggggg1',
    'stringggggggggg2',
    'stringggggggggg3'
];

有區分大小寫 (case sensitive)

不像 HTML,JavaScript 語句是有區分大小寫的,無論是對於變數、函數或物件名稱,如 alert() 寫成 Alert() 是會產生錯誤的。