04JavaScript語法

Yubaba丶發表於2019-01-11

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 語句時,請留意是否關閉大小寫切換鍵。

函式 getElementByIdgetElementbyID 是不同的。

同樣,變數 myVariableMyVariable 也是不同的。