JavaScript 語法LOGIN

JavaScript 語法

avaScript 是一個程式語言。語法規則定義了語言結構。


JavaScript 語法

#JavaScript 是腳本語言。

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


JavaScript 字面量

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
    document.getElementById("demo").innerHTML = 123e5;
</script>
</body>
</html>

執行程式嘗試


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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo">andy</p>
<script>
    document.getElementById("demo").innerHTML = 'liu qi';
</script>
</body>
</html>

執行程式嘗試


##表達式字面量 用於計算:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
    document.getElementById("demo").innerHTML = 5 * 10;
</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 變數

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<script>
    var length;
    length = 6;
    document.getElementById("demo").innerHTML = length;
</script>
</body>
</html>
JavaScript運算子JavaScript使用 算術運算子 來計算值:
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>
</body>
</html>
執行程式嘗試執行程式嘗試
##在程式語言中,變數用於儲存資料值。變數是一個名稱。字面量是一個值。 JavaScript 使用關鍵字 var 定義變量,並使用等號來為變數賦值:執行程式嘗試一下
JavaScript使用賦值運算子給變數賦值:
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p id="demo"></p>
<script>
var x, y, z;
x = 5
y = 6;
z = (x + y) * 10;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
JavaScript語言有多種類型的運算子:##############類型######實例######描述############賦值,算術和位元運算子######=  +  -  *  /#### ##在JS 運算子中描述############條件,比較及邏輯運算子######==  != <  > #######在JS 比較運算子中描述############

JavaScript 語句

在 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 中最重要的保留字(按字母順序):

abstractelseinstanceofsuper




booleanenumintswitch




breakexportinterfacesynchronized




byteextendsletthis




casefalselongthrow




catchfinal nativethrows




charfinallynewtransient




classfloatnulltrue




constforpackagetry




continue functionprivatetypeof




debuggergotoprotectedvar




預設ifpublicvoid




deleteimplementsreturnvolatile




doimportshortwhile




doubleinstaticwith





JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的。



下一節
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 123e5; </script> </body> </html>
章節課件