HTMLJavaScript 語句是由web瀏覽執行指令
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 關鍵詞指的是保留的單詞。保留詞無法用作變數名。