1.JavaScript 語法 JavaScript 是一個腳本語言。 它是一個輕量級,但功能強大的編程語言 2.JavaScript 字面量 在編程語言中,一般固定值稱為字面量,如 3.14。 數字(Number)字面量 可以是整數或者是小數,或者是科學計數(e); 字元串(String)字面量 ...
1.JavaScript 語法
JavaScript 是一個腳本語言。
它是一個輕量級,但功能強大的編程語言
2.JavaScript 字面量
在編程語言中,一般固定值稱為字面量,如 3.14。
數字(Number)字面量 可以是整數或者是小數,或者是科學計數(e);
字元串(String)字面量 可以使用單引號或雙引號;
表達式字面量 用於計算:如5+10 、 5*10,註意這裡裡面如果加了 " " "5+10",就不顯示15而是顯示5+10。
數組(Array)字面量 定義一個數組:[40, 100, 1, 5, 25, 10];
對象(Object)字面量 定義一個對象:{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
函數(Function)字面量 定義一個函數:function myFunction(a, b) { return a * b;};
3.JavaScript 變數
在編程語言中,變數用於存儲數據值。
JavaScript 使用關鍵字 var 來定義變數, 使用等號來為變數賦值:
實例:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Yubaba丶</title> 6 </head> 7 <body> 8 9 <p id="demo"></p> 10 <script> 11 var length;//定義變數 12 length = 6; 13 document.getElementById("demo").innerHTML = length; 14 </script> 15 16 </body> 17 </html>
4.JavaScript 操作符
JavaScript使用 算術運算符 來計算值:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Yubaba丶</title> 6 </head> 7 <body> 8 9 <p id="demo"></p> 10 <script> 11 var num=10; 12 document.getElementById("demo").innerHTML = (5 + 9) * num;//得數是140 13 </script> 14 15 </body> 16 </html>
JavaScript語言有多種類型的運算符:
類型 | 實例 | 描述 |
賦值,算術和位運算符 | = + - * / | 在 JS 運算符中描述 |
條件,比較及邏輯運算符 | == != < > | 在 JS 比較運算符中描述 |
5.JavaScript 語句
在 HTML 中,JavaScript 語句向瀏覽器發出的命令。
語句是用分號分隔:
x = 5 + 6;
y = x * 10;
6.JavaScript 關鍵字
JavaScript 關鍵字用於標識要執行的操作。
和其他任何編程語言一樣,JavaScript 保留了一些關鍵字為自己所用。
var 關鍵字告訴瀏覽器創建一個新的變數:
var x = 5 + 6;var y = x * 10;
JavaScript 同樣保留了一些關鍵字,這些關鍵字在當前的語言版本中並沒有使用,但在以後 JavaScript 擴展中會用到。
JavaScript 關鍵字必須以字母、下劃線(_)或美元符($)開始。
後續的字元可以是字母、數字、下劃線或美元符(數字是不允許作為首字元出現的,以便 JavaScript 可以輕易區分開關鍵字和數字)。
以下是 JavaScript 中最重要的保留字(按字母順序):
abstract | else | instanceof | super |
boolean | enum | int | switch |
break | export | interface | synchronized |
byte | extends | let | this |
case | false | long | throw |
catch | final | native | throws |
char | finally | new | transient |
class | float | null | true |
const | for | package | try |
continue | function | private | typeof |
debugger | goto | protected | var |
default | if | public | void |
delete | implements | return | volatile |
do | import | short | while |
double | in | static | with |
7.JavaScript 註釋
不是所有的 JavaScript 語句都是"命令"。雙斜杠 // 後的內容將會被瀏覽器忽略:
//我不會執行哦
8.JavaScript 數據類型
JavaScript 有多種數據類型:數字,字元串,數組,對象等等:
1 var length = 16; // Number 通過數字字面量賦值 2 var points = x * 10; // Number 通過表達式字面量賦值 3 var lastName = "Johnson"; // String 通過字元串字面量賦值 4 var cars = ["Saab", "Volvo", "BMW"]; // Array 通過數組字面量賦值 5 var person = {firstName:"John", lastName:"Doe"}; // Object 通過對象字面量賦值
9.JavaScript 函數
JavaScript 語句可以寫在函數內,函數可以重覆引用:
引用一個函數 = 調用函數(執行函數內的語句)。
function myFunction(a, b) { return a * b; // 返回 a 乘以 b 的結果 }
10.JavaScript 字母大小寫
JavaScript 對大小寫是敏感的。
當編寫 JavaScript 語句時,請留意是否關閉大小寫切換鍵。
函數 getElementById 與 getElementbyID 是不同的。
同樣,變數 myVariable 與 MyVariable 也是不同的。