JavaScript基本語法

JavaScript基本語法

JavaScript的語法和Java語言類似,每個語句都以;結束,語句區塊都以{...}。但是,JavaScript並不會強制要求在每個語句的結尾加;,瀏覽器中負責執行JavaScript程式碼的引擎會自動在每個語句的結尾補上;。

注意:讓JavaScript引擎自動加分號在某些情況下會改變程式的語義,導致運行結果與期望不一致。在本教程中,我們不會省略;,所有語句都會添加;。

例如,下面的一行程式碼就是一個完整的賦值語句:

var x = 1;

下面的一行程式碼是一個字串,但仍然可以視為一個完整的語句:

'Hello, world';

下面的一行程式碼包含兩個語句,每個語句都以;表示語句結束:

var x = 1; var y = 2;

// 不建議一行寫多個語句!

語句區塊是一組語句的集合,例如,下面的程式碼先做了一個判斷,如果判斷成立,將執行{...}中的所有語句:

if (2 > 1) {
    x = 1;
    y = 2;
    z = 3;
}

注意花括號{...}內的語句具有縮排,通常是4個空格。縮排不是JavaScript語法要求必須的,但縮排有助於我們理解程式碼的層次,所以編寫程式碼時要遵守縮排規則。很多文字編輯器具有「自動縮排」的功能,可以幫忙整理程式碼。

{...}也可以嵌套,形成層級結構:

if (2 > 1) {
    x = 1;
    y = 2;
    z = 3;    if (x < y) {
        z = 4;
    }    if (x > y) {
        z = 5;
    }
}

JavaScript本身對嵌套的層級沒有限制,但是過多的嵌套無疑會大大增加看懂程式碼的難度。遇到這種情況,需要把部分程式碼抽出來,當作函數來調用,這樣可以減少程式碼的複雜度。

註解

以//開始直到行末的字元被視為行註釋,註解是給開發人員看到,JavaScript引擎會自動忽略:

// 這是一行註解alert('hello'); // 這也是註解

另一個區塊註解是用/*...*/把多行字元包起來,把一大「區塊」視為一個註解:

/* 從這裡開始是區塊註解
仍然是註解
仍然是註解
註解結束*/
##

//alert('我不想执行');
alert('我也不想执行');
<html>
<head>
 <script>
 //alert('我不想执行');
 alert('我也不想执行');
 </script>
</head>
<body>
 ...
</body>
</html>


繼續學習
||
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> RunJS 演示代码 </title> <script> var ck = function(){ var x = prompt ("输入数据: ", ""); alert(x); } </script> </head> <body> <button onclick="ck();"> 按钮 </button> </body> </html>