JavaScript 程式結構 - JavaScript 程式教學 / JS Tutorial

December 02, 2020

分類標籤:javascript

這篇文章將會教你 JavaScript 最基礎的程式結構,包含組成程式碼的最小元素:語句、標示語句結束的分號、單行及多行註解。

目錄

語句 (Statement)

程式的本質是讓電腦執行我們指定的一連串動作,而語句 (statement) 就是電腦能夠執行的指令。

例如,如果要讓網頁跳出一個警告視窗,我們可以這樣寫:

alert('Hello!');

上面這一行程式碼就是一個語句。

寫程式就像寫文章一樣,我們透過組合許多句子組合成一篇文章;

同樣地,我們透過組合語句組成一個完整的程式,來命令電腦做我們想要做的事情。

分號 (;)

在 JavaScript 中,我們用分號 (;) 來結束一個語句。

就像寫文章的時候,我們會用句號來作為一個句子的結束。

舉例來說,當我們有兩行語句時,我們會在每個語句後面都加上分號:

alert('Hello');
alert('World');

大多數情況下,分號是可以省略的,因為 JavaScript 的引擎能夠自動推斷出語句的結構。

儘管如此,在某些情況下 JavaScript 引擎還是會推斷錯誤,所以建議不要省略分號。

註解

當程式碼變得複雜,我們可以利用註解來幫助我們理解以及回想程式碼的作用。

註解是一段不會被執行的文字,他可以被放在程式碼中的任何地方,不影響程式執行的結果。

單行註解 (//)

單行的註解用 // 開頭。在 // 後的文字均會被視為註解。例如:

// 顯示一個內容為 hello 的警告視窗
alert('hello');
alert('world'); // 顯示另一個內容為 world 的警告視窗

上面的例子可以看到,註解很明白地解釋了程式碼的作用。(雖然程式碼本身並沒有複雜到需要註解的程度!)

多行註解 (/* */)

多行的註解用 /* 開頭,用 */ 結尾。

包在 /**/ 之間的內容均會被視為是註解。

例如:

/* 先跳出 hello 的警告視窗
再跳出 world 的警告視窗
alert('My name is Chris');
上面這行程式碼一樣會被視為是註解所以不會執行
*/
alert('hello');
alert('world');

總結

我們了解了 JavaScript 的程式結構,包含了:語句、分號及註解,接下來就可以正式開始學習 JavaScript 的語法囉!


Profile picture

Shubo Chao 軟體工程師,目前大多專注於前端開發