1. 程式人生 > 實用技巧 >HTMLJavaScript 語句是由web瀏覽執行指令

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 關鍵詞指的是保留的單詞。保留詞無法用作變數名。