JavaScript 語句

在 HTML 中，JavaScript 語句是由 web 瀏覽器“執行”的“指令”。

實例

var x, y, z;	// 語句 1
x = 22;		// 語句 2
y = 11;		// 語句 3
z = x + y;	// 語句 4

親自試一試

JavaScript 程序

計算機程序是由計算機“執行”的一系列“指令”。

在編程語言中，這些編程指令被稱為語句。

JavaScript 程序就是一系列的編程語句。

注釋：在 HTML 中，JavaScript 程序由 web 瀏覽器執行。

JavaScript 語句

JavaScript 語句由以下構成：

值、運算符、表達式、關鍵詞和注釋。

這條語句告訴瀏覽器在 id="demo" 的 HTML 元素中輸出 "Hello Kitty."：

實例

document.getElementById("demo").innerHTML = "Hello Kitty.";

親自試一試

大多數 JavaScript 程序都包含許多 JavaScript 語句。

這些語句會按照它們被編寫的順序逐一執行。

注釋：JavaScript 程序（以及 JavaScript 語句）常被稱為 JavaScript 代碼。

分號 ;

分號分隔 JavaScript 語句。

請在每條可執行的語句之后添加分號：

a = 5;
b = 6;
c = a + b;

親自試一試

如果有分號分隔，允許在同一行寫多條語句：

a = 5; b = 6; c = a + b;

親自試一試

您可能在網上看到不帶分號的例子。

提示：以分號結束語句不是必需的，但我們仍然強烈建議您這么做。

JavaScript 空白字符

JavaScript 會忽略多個空格。您可以向腳本添加空格，以增強可讀性。

下面這兩行是相等的：

var person = "Bill";
var person="Bill";

在運算符旁邊（ = + - * / ）添加空格是個好習慣：

var x = y + z;

JavaScript 行長度和折行

為了達到最佳的可讀性，程序員們常常喜歡把代碼行控制在 80 個字符以內。

如果 JavaScript 語句太長，對其進行折行的最佳位置是某個運算符：

實例

document.getElementById("demo").innerHTML =
 "Hello Kitty.";

親自試一試

JavaScript 代碼塊

JavaScript 語句可以用花括號（{...}）組合在代碼塊中。

代碼塊的作用是定義一同執行的語句。

您會在 JavaScript 中看到成塊組合在一起的語句：

實例

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}

親自試一試

注釋：在本教程中我們為代碼塊用了 4 個空格的縮進。

提示：您將稍后在本教程中學到更多有關函數的內容。

JavaScript 關鍵詞

JavaScript 語句常常通過某個關鍵詞來標識需要執行的 JavaScript 動作。

下面的表格列出了一部分將在教程中學到的關鍵詞：

關鍵詞 描述
break 終止 switch 或循環。
continue 跳出循環并在頂端開始。
debugger 停止執行 JavaScript，并調用調試函數（如果可用）。
do ... while 執行語句塊，并在條件為真時重復代碼塊。
for 標記需被執行的語句塊，只要條件為真。
function 聲明函數。
if ... else 標記需被執行的語句塊，根據某個條件。
return 退出函數。
switch 標記需被執行的語句塊，根據不同的情況。
try ... catch 對語句塊實現錯誤處理。
var 聲明變量。

注釋：JavaScript 關鍵詞指的是保留的單詞。保留詞無法用作變量名。

課外閱讀

JavaScript 高級教程： ECMAScript 語法