JavaScript 語法

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

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"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</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 使用關鍵字

var 來定義變量，使用等號來為變數賦值：

實例

<!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使用

賦值運算子給變數賦值：

實例

<!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 中最重要的保留字（按字母順序）：

int#interfacebyteletcaselongcatch#native#charnewfloat #forfunctiongoto#defaultifpublicvoid#deleteimplementsreturnvolatile

#abstract	else	instanceof	super


##boolean	enum	switch

##break	synchronized

extends	this

false	throw

final	throws

#finally	transient

##class	null	true

const	package	try

continue	private	typeof

debugger	protected	var

#################do#######import######short######while#### ########################################################### double######in######static######with###################################################################################################################### ###########################

JavaScript 註解

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

// 我不會執行

##JavaScript 數據類型

JavaScript 有多種資料型別：數字，字串，數組，物件等：

var #約 // String 以字串字面量賦值

var cars = ["Saab", "Volvo", "BMW"]; // Array 透過陣列字面量賦值
var person = {firstName:"John", lastName:"Doe"};# // Object 將物件量值子值賦值編號
#S

#雜了嗎塊識別物件）

資料類型的概念

在程式語言中，資料型別是一個非常重要的內容。

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

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

16 + "Volvo"

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

"16Volvo"

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

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

JavaScript 函數

JavaScript 語句可以寫在函數內，函數可以重複引用：

引用一個函數

= 呼叫函數(執行函數內的語句)。

function myFunction(a, b) {

return a * b; // 回傳 a 乘於 b 的結果###}######

JavaScript 對大小寫敏感。

JavaScript 對大小寫是敏感的。

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

函數 getElementById 與 getElementbyID 是不同的。

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

JavaScript 字元集

JavaScript 使用 Unicode 字元集。

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

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

您知道嗎?

	#JavaScript 中，常見的是駝峰法的命名規則，如lastName (而非lastname)。

JavaScript 語法