JavaScript 的語法構成

在 JavaScript 中，每行指令被稱為陳述式，並用分號（;）當作結尾，程式是由多個陳述式所組成。瀏覽器會由上而下、由左至右的執行這些陳述式。組成因子有註解、變數、分號、空白、運算子、關鍵字、函式、字符。

註解

註解區域內的程式是不會執行。因此，也可以用來做些筆記。

// 這是一行註解

/*
這是個區域註解
這是個區域註解
這是個區域註解
*/

變數

變數可用來儲存資料、進行運算。

在國中應該都有學過代數吧! 啥!? 為什麼要提起國中的夢靨? 別緊張! 我們只會用最簡單的部分。 例如: x = 10, y = 30, z = x + y, 那 z 是多少? 這應該回答的出來吧!?

如果換成 JavaScript 應該要怎麼寫呢?

const x = 10;
const y = 30;
const z = x + y;

console.log(z);

分號

分號用在每一個陳述式的結尾。其實，也可以省略不寫，為了避免省略可能解析錯誤，還是請習慣性加上分號。

console.log(7533967);
console.log(7533967)

空白

在 JavaScript 中，space、tab 鍵與換行符號都是空白。如下：

const obj = {
  name: 'Away',
  age: 20
};

// 與上面一樣
const obj={name:'Away',age:20};

運算子

運算子是什麼東西? 常用到的 +、-、*、/、= ...等。

保留字

基本上保留字不能用作識別字，字面常數有特定代表的意義。

函式、函數、方法、function

可以將多個陳述式，定義在某個區塊內執行單個任務。

console.log('Hello HTML');
console.log('Hello CSS');
console.log('Hello JavaScript');

// 下方的寫法只要 todo() 一次就會執行三個陳述式，且可以重複使用
function todo() {
  console.log('Hello HTML');
  console.log('Hello CSS');
  console.log('Hello JavaScript');
}

todo();

字串

一般靜態文字。可以想像做永遠不會改變的文字，如下方單引號的內容。

document.querySelector('#Pic').src = './images/large.jpg';