JavaScript 語法
avaScript 是一個(gè)程序語言。語法規(guī)則定義了語言結(jié)構(gòu)。
JavaScript 語法
JavaScript 是一個(gè)腳本語言。
它是一個(gè)輕量級(jí),但功能強(qiáng)大的編程語言。
JavaScript 字面量
在編程語言中,一個(gè)字面量是一個(gè)常量,如 3.14。
數(shù)字(Number)字面量?可以是整數(shù)或者是小數(shù),或者是科學(xué)計(jì)數(shù)(e)。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 123e5; </script> </body> </html>
運(yùn)行程序嘗試一下
字符串(String)字面量?可以使用單引號(hào)或雙引號(hào):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo">andy</p> <script> document.getElementById("demo").innerHTML = 'liu qi'; </script> </body> </html>
運(yùn)行程序嘗試一下
表達(dá)式字面量?用于計(jì)算:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 * 10; </script> </body> </html>
運(yùn)行程序嘗試一下
數(shù)組(Array)字面量?定義一個(gè)數(shù)組:
[40, 100, 1, 5, 25, 10]
對(duì)象(Object)字面量?定義一個(gè)對(duì)象:
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函數(shù)(Function)字面量?定義一個(gè)函數(shù):
function myFunction(a, b) { return a * b;}
JavaScript 變量
在編程語言中,變量用于存儲(chǔ)數(shù)據(jù)值。變量是一個(gè)名稱。字面量是一個(gè)值。
JavaScript 使用關(guān)鍵字?var?來定義變量, 使用等號(hào)來為變量賦值:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo"></p> <script> var length; length = 6; document.getElementById("demo").innerHTML = length; </script> </body> </html>
運(yùn)行程序嘗試一下
JavaScript 操作符
JavaScript使用?算術(shù)運(yùn)算符?來計(jì)算值:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = (5 + 6) * 10; </script> </body> </html>
運(yùn)行程序嘗試一下
JavaScript使用賦值運(yùn)算符給變量賦值:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(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>
運(yùn)行程序嘗試一下
JavaScript語言有多種類型的運(yùn)算符:
類型 | 實(shí)例 | 描述 |
---|---|---|
賦值,算術(shù)和位運(yùn)算符 | =? +? -? *? / | 在 JS 運(yùn)算符中描述 |
條件,比較及邏輯運(yùn)算符 | ==? != <? >? | 在 JS 比較運(yùn)算符中描述 |
JavaScript 語句
在 HTML 中,JavaScript 語句向?yàn)g覽器發(fā)出的命令。
語句是用分號(hào)分隔:
x = 5 + 6;
y = x * 10;
JavaScript 關(guān)鍵詞
JavaScript 語句通常于關(guān)鍵詞為開頭。?var?關(guān)鍵詞告訴瀏覽器創(chuàng)建一個(gè)新的變量:
var x = 5 + 6;
var y = x * 10;
JavaScript 關(guān)鍵字
和其他任何編程語言一樣,JavaScript 保留了一些關(guān)鍵字為自己所用。
JavaScript 同樣保留了一些關(guān)鍵字,這些關(guān)鍵字在當(dāng)前的語言版本中并沒有使用,但在以后 JavaScript 擴(kuò)展中會(huì)用到。
JavaScript 關(guān)鍵字必須以字母、下劃線(_)或美元符($)開始。
后續(xù)的字符可以是字母、數(shù)字、下劃線或美元符(數(shù)字是不允許作為首字符出現(xiàn)的,以便 JavaScript 可以輕易區(qū)分開關(guān)鍵字和數(shù)字)。
以下是 JavaScript 中最重要的保留字(按字母順序):
抽象 | 其他 | 實(shí)例 | 超級(jí) |
布爾值 | 枚舉 | int | 開關(guān) |
中斷 | 導(dǎo)出 | 界面 | 同步 |
字節(jié) | 擴(kuò)展 | 讓 | 這個(gè) |
案例 | 假 | 長 | 投擲 |
| |||
趕上 | 決賽 | 原生 | 拋出 |
char | 終于 | 新 | 瞬態(tài) |
class | float | null | tru??e |
const | for | package | 嘗試 |
繼續(xù) | 功能 | 私人 | typeof |
調(diào)試器 | 轉(zhuǎn)到 | 受保護(hù) | var |
默認(rèn) | 如果 | 公開 | 無效 |
刪除 | 實(shí)現(xiàn) | 返回 | 不穩(wěn)定 |
做 | 導(dǎo)入 | 短 | 同時(shí) |
雙 | static | with | |
JavaScript對(duì)大小寫敏感。
JavaScript 對(duì)大小寫是敏感的。
編寫時(shí)JavaScript 語句時(shí),請(qǐng)注意關(guān)閉大小是否寫切換鍵。
函數(shù) getElementById 與 getElementbyID 是不同的。
同樣,變量 myVariable 與 MyVariable 也是不同的。