JavaScript 程式結構 - JavaScript 程式教學 / JS Tutorial
這篇文章將會教你 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 的語法囉!