瞭解Java Script
1.什麼是Java Script？
- JavaScript是一種基於對象和事件驅動並具有安全性能的解釋性腳本語言，在Web應用中應用廣泛。
- 他不需要編譯，而是直接嵌入到HTTP頁面中，把靜態頁面轉換成支持用戶交互並相應應用事件的動態頁面。
2.Java Script的主要特徵
- 解釋性：Java Script是一種腳本語言，採用小程序段的方式實現編程。
- 基於對象：他是一種基於對象的語言，它可以應用自己已經創建的對象，因此許多功能來自於腳本環境中對象的方法與腳本的相互作用。
- 事件驅動：Java Script可以以事件驅動的方式直接對客戶端的輸入做出響應，無需經過服務端程序。
- 安全性：Java Script具有安全性，他不允許訪問本地硬盤，不能將數據寫入到服務器上，並且不允許對網絡文檔進行修改和刪除，只能通過瀏覽器實現信息瀏覽或動態交互，從而有效地防止數據的丟失。
- 跨平臺：Java Script依賴於瀏覽器本身，與操作系統無關，只要瀏覽器支持Java Script，Java Script的程序代碼就可以正確實現。
2.Java Script語言基礎
1.JavaScript的語法
- JavaScript區分大小寫
- 每行結尾的分號可有可無
如果語句的結束處沒有分號，JavaScript就會自動爲該行代碼的結尾作爲語句的結尾。 - 變量是弱類型的
在定義變量時，只使用var運算符就可以將變量初始化爲任意的值。 - 使用大括號標記代碼塊
JavaScript使用一堆大括號標記代碼塊，被封裝在大括號內的語句將按順序執行。 - 註釋
單行註釋: //
多行註釋: /*……*/
2.JavaScript中的關鍵字
| boolean | continue | finally | instanceof | private | this |
|---|---|---|---|---|---|
| break | default | float | int | public | throw |
| byte | do | for | interface | return | typeof |
| case | else | goto | native | static | var |
| catch | extends | implements | new | super | void |
| char | false | import | null | switch | while |
| class | final | in | package | synchronized | with |
3.JavaScript的數據類型
1.數值型
- 整形
- 浮點型
2.字符型
- 單引號括起來的一個或者多個字符
'a'
- 雙引號括起來的一個或者多個字符
"b"
JavaScript沒有char數據類型，要表示單個字符，必須使用長度爲1的字符串。
3.布爾型
布爾型數據只有兩個值，即true和false，主要用來說明一種狀態或者標誌。
4.轉義字符
| 轉義字符 | 描述 | 轉義字符 | 描述 |
|---|---|---|---|
| \b | 退格 | \n | 換行 |
| \f | 換頁 | \t | Tab符 |
| \r | 回車符 | \’ | 單引號 |
| \\" | 雙引號 | \\ | 反斜槓 |
| \xnn | 十六進制 | \unnnn | 十六進制代碼nnnn表示的Unicode字符 |
| \0nnn | 八進制代碼nnn表示的字符 |
5.空值
null用於定義空的或者不存在的引用。如果試圖引用一個沒有定義的變量，則返回一個null值。
6.未定義值
當使用了一個未聲明的變量，或者使用了一個已經聲明但沒有賦值的變量時，將返回未定義值。
4.變量的定義及使用
1.變量的命名規則
- 變量名由字母、數字或者下劃線組成，但必須以字母或下劃線開頭。
- 變量名中不能有空格、加號、減號或逗號等符號。
- 不能使用JavaScript中的關鍵字
- 嚴格區分大小寫
2.變量的聲明
- 可以使用一個關鍵字var同時聲明多個變量
- 可以在聲明變量的同時對其進行賦值
- 如果只是聲明瞭變量，對未對其賦值，則其默認值爲undefined。
- 當給一個尚未聲明的變量賦值時，JavaScript會自動用該變量名創建一個全局變量。在一個函數的內部，通常創建的只是一個僅在函數內部起作用的局部變量，而不是一個全局變量。要創建一個全局變量，則必須使用一個var關鍵字進行聲明變量。
- 在聲明變量時不需要指定變量的類型，變量的類型將使用變量的值來確定。
3.變量的作用域
- 全局變量：是定義在所有函數之外，作用於整個腳本代碼的變量。
- 局部變量：是定義在函數體內，只作用於函數體內的變量。
5.運算符的應用
1.賦值運算符
| 運算符 | 描述 |
|---|---|
| = | 將右邊表達式的值賦給左邊的變量 |
| += | 將運算符左邊的變量加上右邊表達式的值賦給左邊的變量 |
| -= | 將運算符左邊的變量減去右邊表達式的值賦給左邊的變量 |
| *= | 將運算符左邊的變量乘以右邊表達式的值賦給左邊的變量 |
| /= | 將運算符左邊的變量除以右邊表達式的值賦給左邊的變量 |
| %= | 將運算符左邊的變量用右邊表達式求模，並將結果值賦給左邊的變量 |
| &= | 將運算符左邊的變量與右邊表達式進行邏輯與運算，並將結果賦給左邊的變量 |
| |= | 將運算符左邊的變量與右邊表達式進行邏輯或運算，並將結果賦給左邊的變量 |
| ^= | 將運算符左邊的變量與右邊表達式進行邏輯異或運算，並將結果賦給左邊的變量 |
2.算術運算符
| 運算符 | 描述 |
|---|---|
| + | 加法運算 |
| - | 減法運算 |
| * | 乘法運算 |
| / | 除法運算 |
| % | 求模運算 |
| ++ | 自增運算符 |
| – | 自減運算符 |
3.比較運算符
| 運算符 | 描述 |
|---|---|
| < | 小於 |
| > | 大於 |
| <= | 大於等於 |
| >= | 小於等於 |
| == | 等於。只根據表面值進行判斷，不涉及數據類型 |
| === | 絕對等於。根據表面值與數據類型同時進行判斷 |
| != | 不等於。之根據表面值進行判斷，不涉及數據類型 |
| !== | 不絕對等於。根據表面值與數據類型同時進行判斷 |
4.邏輯運算符
| 運算符 | 描述 |
|---|---|
| ！ | 邏輯非 |
| && | 邏輯與 |
| || | 邏輯或 |
5.條件運算符
即三目運算符：操作數?結果1:結果2
即操作數爲true時，則整個表達式的結果爲“結果1”，否則，整個表達式爲“結果2”。
6.字符串運算符
| 描述符 | 描述 |
|---|---|
| + | 連接兩個字符串 |
| += | 連接兩個字符串並將結果賦給第一個字符串 |
3.流程控制語句
1.if條件判斷
if(expression)
{statement1;}
else
{statement2;}
- expression爲指定條件表達式，可以使用邏輯運算符
- statement1：用於指定要執行的語句。如果expression爲true時執行該語句。
- statement2：用於指定要執行的語句。如果expression爲false時執行該語句。
![在這裏插入圖片描述]()
2.switch條件判斷
switch(expression){
case judgement 1:
statement 1;
break;
case judgement 2:
statement 2;
break;
……
default:
statement n+1;
break;
}
- expression:任意的表達式或變量；
- case judgement：任意的常數表達式，當expression的值與judgement的值相等時開始執行後邊的語句:如果與judgement都不相等，就運行後邊default後邊的語句；
- break：用於結束switch語句，如果沒有break語句，將會繼續進行後邊所有分支;
![在這裏插入圖片描述]()
3.for循環語句
for循環語句也稱爲計次循環語句，一般用於循環次數已知的情況。
for(initialize;test;increment)
{
statement;
}
參數說明如下：
- initialize：初始化語句，用來對循環變量進行初始化賦值。
- test循環條件，一個包含比較運算符的表達式，用來限定循環變量的邊限。如果循環變量超過了該邊限，則停止該循環語句的執行。
- increment：用來指定循環變量的步幅。
- statement：用來指定循環體，在循環條件的結果爲true時重複執行。
4.while循環變量
while循環語句也稱爲前測試循環語句，它是利用一個條件來控制是否要繼續重複執行這個語句。
while(expression)
{
statement;
}
參數說明如下：
- expression：一個包含比較運算符的條件表達式，用來指定循環條件。
- statement：用來指定循環體，在循環條件的結果爲true時，重複執行。
5.do……while
do……while循環語句也稱爲後測試循環語句，它是利用一個條件來控制是否要繼續重複執行這個語句。
do{
statement
}while(expression);
參數說明如下：
- statement：用來指定循環體，循環開始時首先執行一次，然後在循環條件的結果爲true時重複執行。
- expression：一個包含比較運算符的條件表達式，用來指定循環條件。
break與continue語句
break與continue語句都可以用於跳出循環，但兩者也存在着一些區別。
- break語句：break語句用於退出包含在最內層的循環或者退出一個switch語句。
- continue語句：用於終止本次循環，並開始下一次循環。
4.函數
1.函數的定義
函數是由關鍵字function、函數名各加一組參數以及置於大括號中需要執行的一段代碼的定義。
functio functionName([parameter 1,parameter 2……]){
statements;
[return expression;]
}
參數說明：
- functionName：必選，用於指定函數名。在同一個頁中，函數名必須是唯一的，並且區分大小寫。
- parameter：可選，用於指定參數列表。當使用多個參數時，參數間使用逗號進行分隔。一個函數最多有255個參數。
- statements：必選，是函數體，用於實現函數功能的語句。
- expression：可選，用於返回函數值。expression爲任意的表達式、變量或常量。
2.函數的調用
- 函數的調用比較簡單，如果要調用不含參數的函數，使用函數名加上括號就好。
- 如果需要調用的函數帶參數，則在括號中加上需要傳遞的參數
- 如果包含多個參數，參數間用逗號分隔。