JavaScript 語法

JavaScript 語法

JavaScript 是程式語言。語法規則定義了語言結構。

JavaScript 語法

JavaScript 是一個腳本語言。

它是一個輕量級,但功能強大的程式語言。

JavaScript 字面量

在程式語言中,一個字面量是一個常數,如 3.14。

數字(Number)字面量 可以是整數或是小數,或是科學計數(e)。

字串(String)字面量 可以用單引號或雙引號:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>
</body>
</html>

陣列(Array)字面量 定義一個陣列:

[40, 100, 1 , 5, 25, 10]

物件(Object)字面量 定義物件:

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue "}

函數(Function)字面量 定義一個函數:

function myFunction(a, b) { return a * b;}

JavaScript 變數

在程式語言中,變數用於儲存資料值。

JavaScript 使用關鍵字 var 定義變量,並使用等號來為變數賦值

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<p id="demo"></p>
<script>
var length;
length = 1;
document.getElementById("demo").innerHTML = length;
</script>
</body>
</html>

JavaScript 運算子

JavaScript使用 算術運算子 來計算值:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
</body>
</html>

JavaScript語言有多種類型的運算子:


類型                                                說明


賦值,算術和位元運算子         =  +  -  *  /                   #

條件,比較及邏輯運算子      ==  != <  >                    與JS 比較運算子中描述#在HTML 中,JavaScript 語句向瀏覽器發出的指令。

語句是用分號分隔:x = 5 + 6;y = x * 10;

##JavaScript 關鍵字


JavaScript 語句通常以關鍵字為開頭。 var 關鍵字告訴瀏覽器建立一個新的變數:

var x = 5 + 6;
var y = x * 10;

JavaScript 關鍵字


和其他任何程式語言一樣,JavaScript 保留了一些關鍵字為自己所用。

JavaScript 同樣保留了一些關鍵字,這些關鍵字在目前的語言版本中並沒有使用,但以後 JavaScript 擴充功能會用到。

JavaScript 關鍵字必須以字母、底線(_)或美元符號($)開始。

後續的字元可以是字母、數字、底線或美元符(數字是不允許作為首字出現的,以便 JavaScript 可以輕易區分開關鍵字和數字)。

以下是JavaScript 中最重要的保留字(按字母順序):

abstract    else    instanceof    super    

 # boo

break    export    interface    synchronized    


by點

case    false    long    throw    


catch    final    native    throws #    


class    float    null    true    


const    for    private    typeof    


#debugger    goto    protected    var    

>
##delete    implements    return    volatile    


do    import    short   #.

double    in    static    with    


JavaScript 註解

#不是所有的 JavaScript 語句都是"指令"。雙斜線 // 後的內容將會被瀏覽器忽略:

// 我不會執行

JavaScript 資料型別

JavaScript 有多種資料型別:數字point,字串,數組,物件等:

var length = 16;                                                     // Number 以表達式字面量賦值
var lastName = "Johnson";                         // String 以字串型透過字串化方式賦值名詞  透過陣列字面量賦值
var person = {firstName:"John", lastName:"Doe"};  // Object 透過物件字面量賦值


資料類型的概念

#程式語言中,資料類型是一個非常重要的內容。

為了可以操作變量,了解資料類型的概念非常重要。

如果沒有使用資料類型,以下實例將無法執行:

16 + "Volvo"

16 加上"Volvo" 是如何計算呢? 以上會產生一個錯誤還是輸出以下結果呢?

"16Volvo"

你可以在瀏覽器嘗試執行以上程式碼查看效果。

在接下來的章節中你將學到更多關於資料類型的知識。

JavaScript 函數

JavaScript 語句可以寫在函數內,函數可以重複引用:

引用一個函數 = 呼叫函數(執行函數內的語句)。

function myFunction(a, b) {

    return a * b;                     

JavaScript 對大小寫敏感。

JavaScript 對大小寫是敏感的。

當編寫 JavaScript 語句時,請留意是否關閉大小寫切換鍵。

函數 getElementById 與 getElementbyID 是不同的。

同樣,變數 myVariable 與 MyVariable 也是不同的。

JavaScript 字元集

JavaScript 使用 Unicode 字元集。

Unicode 覆蓋了所有的字符,包含標點等字符。

如需進一步了解,請學習我們的 完整 Unicode 參考手冊。


繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p id="demo"></p> <script> var length; length = 6; document.getElementById("demo").innerHTML = length; </script> </body> </html>