JavaScript語(yǔ)言與Ajax應(yīng)用JavaScript語(yǔ)法課件

1、第2章 JavaScript語(yǔ)法 2.1 JavaScript語(yǔ)法基礎(chǔ) 2.2 JavaScript數(shù)據(jù)類型 2.3 JavaScript運(yùn)算符 2.4 JavaScript語(yǔ)句 2.5 JavaScript函數(shù) 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）12.1 JavaScript語(yǔ)法基礎(chǔ) 2.1.1 變量 2.1.2 關(guān)鍵字與保留字 2.1.3 原始值與引用值 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）22.1.1 變量變量（variable）是相對(duì)于常量而言的，常量通常是一個(gè)不會(huì)改變的固定值，而變量是對(duì)應(yīng)到某個(gè)值的一個(gè)符號(hào)，這個(gè)符號(hào)中

2、的值可能會(huì)隨著程序的執(zhí)行而改變，因此稱為“變量”。在 JavaScript腳本語(yǔ)言中，聲明變量的過(guò)程相當(dāng)簡(jiǎn)單，JavaScript 腳本語(yǔ)言使用關(guān)鍵字 var作為其唯一的變量標(biāo)識(shí)符，其用法為在關(guān)鍵字 var后面加上變量名。 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）32.1.1 變量JavaScript中的變量命名同其他語(yǔ)言非常相似，這里要注意以下幾點(diǎn)：第一個(gè)字符必須是字母（大小寫均可），下劃線（_）或者美元符號(hào)（$）；后續(xù)的字符可以是字母、數(shù)字、下劃線或者美元符號(hào)；變量名稱不能是關(guān)鍵字或保留字；不允許出現(xiàn)中文變量名，且大小寫敏感。 23 七月 2022JavaScr

3、ipt語(yǔ)言與Ajax應(yīng)用(第二版）42.1.2 關(guān)鍵字與保留字 ECMA-262定義了JavaScript支持的一套關(guān)鍵字（keyword）。根據(jù)規(guī)定，關(guān)鍵字不能用作變量名或函數(shù)名。 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）5表2-1 JavaScript關(guān)鍵字breakcasecatchcontinuedefaultdeletedoelsefinallyforfunctionifininstanceofnewreturnswitchthisthrowtrytypeofvarvoidwhilewith2.1.2 關(guān)鍵字與保留字 JavaScript還定義了一套保留字

4、（reserved word）。保留字在某種意義上是為將來(lái)的關(guān)鍵字而保留的單詞。因此，保留字也不能被用作變量名或函數(shù)名。 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）6表2-2 JavaScript保留字 abstractbooleanbytecharclassconstdebuggerdoubleenumexportextendsfinalfloatgotoimplementsimportintinterfacelongnativepackageprivateprotectedpublicshortstaticsupersynchronizedthrowstransi

5、entvolatile2.1.3 原始值與引用值 在 JavaScript 中，變量可以存放兩種類型的值，即原始值和引用值。原始值指的就是代表原始數(shù)據(jù)類型（基本數(shù)據(jù)類型）的值，即Undefined、Null、Number、String、Boolean類型所表示的值。引用值指的就是復(fù)合數(shù)據(jù)類型的值，即Object、Function、Array、以及自定義對(duì)象，等等。 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）72.2 JavaScript數(shù)據(jù)類型 2.2.1 基礎(chǔ)數(shù)據(jù)類型 2.2.2 數(shù)據(jù)類型轉(zhuǎn)換 2.2.3 引用類型 23 七月 2022JavaScript語(yǔ)言與Aj

6、ax應(yīng)用(第二版）82.2.1 基礎(chǔ)數(shù)據(jù)類型變量包含多種類型，JavaScript 腳本語(yǔ)言支持的基本數(shù)據(jù)類型包括Number 型、String 型、Boolean 型、Undefined 型和Null 型，分別對(duì)應(yīng)于不同的存儲(chǔ)空間。 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）9表2-3 基本數(shù)據(jù)類型類型 舉例簡(jiǎn)要說(shuō)明Number 45 , -34 , 32.13 , 3.7E-2數(shù)值型數(shù)據(jù)String name , Tom字符型數(shù)據(jù)，需加雙引號(hào)或單引號(hào)Boolean true , flase布爾型數(shù)據(jù)，不加引號(hào)，表示邏輯真或假Undefined表示未定義Nullnu

7、ll表示空值2.2.2 數(shù)據(jù)類型轉(zhuǎn)換 JavaScript會(huì)自動(dòng)將某一個(gè)類型的數(shù)據(jù)轉(zhuǎn)換成另一個(gè)類型的數(shù)據(jù)。JavaScript隱式類型轉(zhuǎn)換的規(guī)則是：將類型轉(zhuǎn)換到環(huán)境中應(yīng)該使用的類型。JavaScript中除了可以隱式轉(zhuǎn)換數(shù)據(jù)類型之外，還可以顯式轉(zhuǎn)換數(shù)據(jù)類型。顯式轉(zhuǎn)換數(shù)據(jù)類型可以增強(qiáng)代碼的可讀性。常用的類型轉(zhuǎn)換的方法有以下幾種。 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）102.2.2 數(shù)據(jù)類型轉(zhuǎn)換 1轉(zhuǎn)換成字符串JavaScript中三種主要的原始值布爾值、數(shù)字、字符串以及其它對(duì)象都有toString()方法，可以把它們的值轉(zhuǎn)換成字符串。 各種類型向字符串轉(zhuǎn)換的結(jié)果如

8、下：undefined值：轉(zhuǎn)換成“undefined”； null值：轉(zhuǎn)換成“null”；布爾值：值為true，轉(zhuǎn)換成“true”；值為false，轉(zhuǎn)換成“false”； 數(shù)字型值：NaN或數(shù)字型變量的完整字符串； 其他對(duì)象：如果該對(duì)象的toString()方法存在，則返回toString方法的返回值，否則返回undefined。23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）112.2.2 數(shù)據(jù)類型轉(zhuǎn)換2轉(zhuǎn)換成數(shù)字 提取整數(shù)的parseInt()方法parseInt()方法用于將字符串轉(zhuǎn)換為整數(shù)，其格式為：parseInt(numString，radix)提取浮點(diǎn)數(shù)的pa

9、rseFloat()方法parseFloat()方法用于字符串轉(zhuǎn)換為浮點(diǎn)數(shù)，其格式為：parseFloat(numString)23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）122.2.2 數(shù)據(jù)類型轉(zhuǎn)換3基本數(shù)據(jù)類型轉(zhuǎn)換 在JavaScript中可以使用如下3個(gè)函數(shù)來(lái)將數(shù)據(jù)轉(zhuǎn)換成數(shù)字型、布爾型和字符串型，下面看一下它的幾個(gè)強(qiáng)制轉(zhuǎn)換的函數(shù)： Boolean(value)：把值轉(zhuǎn)換成Boolean類型 Nnumber(value)：把值轉(zhuǎn)換成數(shù)字（整型或浮點(diǎn)數(shù)） String(value)：把值轉(zhuǎn)換成字符串 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）

10、132.2.3 引用類型1對(duì)象JavaScript中的對(duì)象是一個(gè)屬性的集合，其中的每一個(gè)都包含一個(gè)基本值。對(duì)象中的數(shù)據(jù)時(shí)已命名的數(shù)據(jù)，通常作為對(duì)象的屬性來(lái)引用，這些屬性可以訪問(wèn)值。保存在屬性中的每個(gè)值都可以是一個(gè)值或另一個(gè)對(duì)象，甚至是一個(gè)函數(shù)。對(duì)象使用花括號(hào)創(chuàng)建，例如下面的代碼創(chuàng)建了一個(gè)名為myObject的空對(duì)象：var myObject = ;這里有一個(gè)帶有幾個(gè)屬性的對(duì)象：var dvdCatalog = identifier: 1, name: Coho Vineyard; 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）142.2.3 引用類型2數(shù)組數(shù)組和對(duì)象一樣，

11、也是一些數(shù)據(jù)的集合，這些數(shù)據(jù)也可以是字符串類型、數(shù)字型、布爾型，或者是引用型。例如下面的定義： var score = 56,34,23,76,45; 上述語(yǔ)句創(chuàng)建數(shù)組 score，中括號(hào)“”內(nèi)的成員為數(shù)組元素。由于 JavaScript 是弱類型語(yǔ)言，因此不要求目標(biāo)數(shù)組中各元素的數(shù)據(jù)類型均相同，例如： var score = 56,34, 23,76, 45; 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）152.3 JavaScript運(yùn)算符 2.3.1 算術(shù)運(yùn)算符 2.3.2 邏輯運(yùn)算符 2.3.3 關(guān)系運(yùn)算符 2.3.4 位運(yùn)算符 23 七月 2022JavaSc

12、ript語(yǔ)言與Ajax應(yīng)用(第二版）162.3.1 算術(shù)運(yùn)算符算術(shù)運(yùn)算符是最簡(jiǎn)單、最常用的運(yùn)算符，可以使用它們進(jìn)行通用的數(shù)學(xué)計(jì)算 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）17表2-5 算術(shù)運(yùn)算符運(yùn)算符表達(dá)式說(shuō)明示例+x+y返回x加y的值x=4+2，結(jié)果為6-x-y返回x減y的值x=8-6，結(jié)果為2*x*y返回x乘以y的值x=3*5，結(jié)果為15/x/y返回x除以y的值x=6/3，結(jié)果為2%x%y返回x與y的模（x除以y的余數(shù)）x=8%3，結(jié)果為2+x+、+x返回?cái)?shù)值遞增、遞增并返回?cái)?shù)值-x-、-x返回?cái)?shù)值遞減、遞減并返回?cái)?shù)值2.3.2 邏輯運(yùn)算符邏輯運(yùn)算符通常用于執(zhí)行

13、布爾運(yùn)算，JavaScript 腳本語(yǔ)言的邏輯運(yùn)算符包括 “&”、“|”和“!”等，用于兩個(gè)邏輯型數(shù)據(jù)之間的操作，返回值的數(shù)據(jù)類型為布爾型。 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）18表2-7 邏輯運(yùn)算符運(yùn)算符表達(dá)式說(shuō)明示例&表達(dá)式1&表達(dá)式2若兩邊表達(dá)式的值都為ture，則返回ture；任意一個(gè)值為false，則返回false53&53&56 返回false|表達(dá)式1|表達(dá)式2只有表達(dá)式的值都為false時(shí)，才返回false，否則返回true53|56 返回true57|56 返回false! 表達(dá)式求反。若表達(dá)式的值為true，則返回false，否則返回tru

14、e!(53) 返回false!(56) 返回ture2.3.3 關(guān)系運(yùn)算符關(guān)系運(yùn)算符用于比較兩個(gè)操作數(shù)的大小，其比較的結(jié)果是一個(gè)布爾型的值。 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）19 表2-8 關(guān)系運(yùn)算符運(yùn)算符說(shuō)明示例=相等，若兩數(shù)據(jù)相等，則返回布爾值true，否則返回falsenum=8!=不相等，若兩數(shù)據(jù)不相等，則返回布爾值true，否則返回falsenum!=8大于，若左邊數(shù)據(jù)大于右邊數(shù)據(jù)，則返回布爾值true，否則返回falsenum8小于，若左邊數(shù)據(jù)小于右邊數(shù)據(jù)，則返回布爾值true，否則返回falsenum=大于或等于，若左邊數(shù)據(jù)大于或等于右邊數(shù)據(jù)，

15、則返回布爾值true，否則返回falsenum=8=小于或等于，若左邊數(shù)據(jù)小于或等于右邊數(shù)據(jù)，則返回布爾值true，否則返回falsenum算術(shù)右移，將左側(cè)數(shù)據(jù)的二進(jìn)制值向左移動(dòng)由右側(cè)數(shù)值表示的位數(shù)，右邊空位補(bǔ)092算術(shù)左移，將左側(cè)數(shù)據(jù)的二進(jìn)制值向右移動(dòng)由右側(cè)數(shù)值表示的位數(shù)，忽略被移出的位9邏輯右移，將左邊數(shù)據(jù)表示的二進(jìn)制值向右移動(dòng)由右邊數(shù)值表示的位數(shù)，忽略被移出的位，左側(cè)空位補(bǔ)0922.4 JavaScript語(yǔ)句 2.4.1 選擇語(yǔ)句 2.4.2 循環(huán)語(yǔ)句 2.4.3 跳轉(zhuǎn)語(yǔ)句 2.4.4 異常處理語(yǔ)句 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）212.4.1 選

16、擇語(yǔ)句1if語(yǔ)句if條件假設(shè)語(yǔ)句是比較簡(jiǎn)單的一種選擇結(jié)構(gòu)語(yǔ)句，若給定的邏輯條件表達(dá)式為真，則執(zhí)行一組給定的語(yǔ)句。其基本結(jié)構(gòu)如下： if(conditions) statements; 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）222.4.1 選擇語(yǔ)句switchcase語(yǔ)句提供了ifelse語(yǔ)句的一個(gè)變通形式，可以從多個(gè)語(yǔ)句塊中選擇其中一個(gè)執(zhí)行。 其基本語(yǔ)法結(jié)構(gòu)如下：switch (a) case a1: statement 1; break; case a2: statement 2; break; default: statement n; 23 七月 2022J

17、avaScript語(yǔ)言與Ajax應(yīng)用(第二版）232.4.1 選擇語(yǔ)句在 JavaScript 腳本語(yǔ)言中，“?.:”運(yùn)算符用于創(chuàng)建條件分支。在動(dòng)作較為簡(jiǎn)單的情況下，較之 ifelse 語(yǔ)句更加簡(jiǎn)便，其語(yǔ)法結(jié)構(gòu)如下： (condition)?statementA:statementB; 載入上述語(yǔ)句后，首先判斷條件 condition，若結(jié)果為真則執(zhí)行語(yǔ)句 statementA，否則執(zhí)行語(yǔ)句 statementB。 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）242.4.2 循環(huán)語(yǔ)句JavaScript中的循環(huán)語(yǔ)句包括while語(yǔ)句、dowhile語(yǔ)句、for語(yǔ)句和fo

18、rin語(yǔ)句4種。 1while語(yǔ)句while語(yǔ)句屬于基本循環(huán)語(yǔ)句，用于在指定條件為真時(shí)重復(fù)執(zhí)行一組語(yǔ)句。while語(yǔ)句的語(yǔ)法結(jié)構(gòu)如下：while(conditions) statements; 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）252.4.2 循環(huán)語(yǔ)句2dowhile語(yǔ)句dowhile語(yǔ)句類似于while語(yǔ)句，不同的是while語(yǔ)句是先判斷邏輯條件表達(dá)式的值是否為true之后再?zèng)Q定是否執(zhí)行循環(huán)體中的語(yǔ)句，而dowhile循環(huán)語(yǔ)句是先執(zhí)行循環(huán)體中的語(yǔ)句之后，再判斷邏輯條件表達(dá)式是否為true，如果為true則重復(fù)執(zhí)行循環(huán)體中的語(yǔ)句。dowhile語(yǔ)句的語(yǔ)法結(jié)構(gòu)如

19、下：do statements; while(condition); 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）262.4.2 循環(huán)語(yǔ)句3for語(yǔ)句for 循環(huán)語(yǔ)句也類似于while語(yǔ)句，使用起來(lái)更為方便。for語(yǔ)句按照指定的循環(huán)次數(shù)，循環(huán)執(zhí)行循環(huán)體內(nèi)語(yǔ)句（或語(yǔ)句塊），它提供的是一種常用的循環(huán)模式，即初始化變量、判斷邏輯條件表達(dá)式和改變變量值。for語(yǔ)句的語(yǔ)法結(jié)構(gòu)如下： for(initialization; condition; loop-update) statements; 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）272.4.2 循環(huán)

20、語(yǔ)句4forin語(yǔ)句使用 forin循環(huán)語(yǔ)句可以遍歷數(shù)組或者對(duì)指定對(duì)象的屬性和方法進(jìn)行遍歷，其語(yǔ)法結(jié)構(gòu)如下： for (變量名 in 對(duì)象名) statements; 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）282.4.3 跳轉(zhuǎn)語(yǔ)句 JavaScript跳轉(zhuǎn)語(yǔ)句分為break語(yǔ)句和continue語(yǔ)句。1break語(yǔ)句使用break語(yǔ)句可以無(wú)條件地從當(dāng)前執(zhí)行的循環(huán)結(jié)構(gòu)或者switch結(jié)構(gòu)的語(yǔ)句塊中中斷并退出，其語(yǔ)法如下所示：break;由于它是用來(lái)退出循環(huán)或者switch語(yǔ)句，所以只有當(dāng)它出現(xiàn)在這些語(yǔ)句時(shí)，這種形式的break語(yǔ)句才是合法的。 23 七月 2022J

21、avaScript語(yǔ)言與Ajax應(yīng)用(第二版）292.4.3 跳轉(zhuǎn)語(yǔ)句 2continue語(yǔ)句continue語(yǔ)句的工作方式與break語(yǔ)句有點(diǎn)類似，但是其作用不同。continue語(yǔ)句是只跳出本次循環(huán)而立即進(jìn)入到下一次循環(huán)；break語(yǔ)句則是跳出循環(huán)后結(jié)束整個(gè)循環(huán)。 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）302.4.4 異常處理語(yǔ)句 JavaScript可以捕獲異常并進(jìn)行相應(yīng)的處理， 通常用到的異常處理語(yǔ)句包括throw和try-catch-finally語(yǔ)句兩種。1throw語(yǔ)句throw（拋出）語(yǔ)句的作用是拋出一個(gè)異常。所謂的拋出異常，就是用新號(hào)通知發(fā)生了異

22、常情況或錯(cuò)誤。throw語(yǔ)句的預(yù)防代碼如下所示：throw 表達(dá)式;23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）312.4.4 異常處理語(yǔ)句 2try-catch-finally語(yǔ)句try-catch-finally語(yǔ)句是JavaScript中的用于處理異常的語(yǔ)句，該語(yǔ)句與throw語(yǔ)句不同。throw語(yǔ)句只是拋出一個(gè)異常，但對(duì)該異常并不進(jìn)行處理，而try-catch-finally語(yǔ)句可以處理所拋出的異常。其語(yǔ)法形式如下所示：try /語(yǔ)句塊1：要執(zhí)行的代碼catch(e) /語(yǔ)句塊2：處理異常的代碼finally /語(yǔ)句塊3：無(wú)論異常發(fā)生與否，都會(huì)執(zhí)行的代碼23 七

23、月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）322.5 JavaScript函數(shù) 2.5.1 函數(shù)的創(chuàng)建與調(diào)用 2.5.2 函數(shù)的參數(shù) 2.5.3 函數(shù)的屬性與方法 2.5.4 閉包 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）332.5.1 函數(shù)的創(chuàng)建與調(diào)用函數(shù)由函數(shù)定義和函數(shù)調(diào)用兩部分組成，應(yīng)首先定義函數(shù)，然后再進(jìn)行調(diào)用，以養(yǎng)成良好的編程習(xí)慣。 函數(shù)的定義應(yīng)使用關(guān)鍵字 function，其語(yǔ)法規(guī)則如下： function funcName (parameters) statements; return表達(dá)式; 函數(shù)定義過(guò)程結(jié)束后，可在文檔中任意位置調(diào)

24、用該函數(shù)。引用目標(biāo)函數(shù)時(shí)，只需在函數(shù)名后加上小括號(hào)即可。若目標(biāo)函數(shù)需引入?yún)?shù)，則需在小括號(hào)內(nèi)添加傳遞參數(shù)。如果函數(shù)有返回值，可將最終結(jié)果賦值給一個(gè)自定義的變量并用關(guān)鍵字 return 返回。 23 七月 2022JavaScript語(yǔ)言與Ajax應(yīng)用(第二版）342.5.2 函數(shù)的參數(shù)在JavaScript中提供了一個(gè)arguments對(duì)象，該對(duì)象可以獲取從JavaScript代碼中傳遞過(guò)來(lái)的參數(shù)，并將這些參數(shù)存放在arguments數(shù)組中，因此也可以通過(guò)arguments對(duì)象來(lái)判斷傳遞過(guò)來(lái)的參數(shù)的個(gè)數(shù)，引用屬性arguments.length即可。arguments為數(shù)組，因此通過(guò)argumentsi可以獲得實(shí)際傳遞的參數(shù)的值。 由于JavaScript是一種無(wú)類型的語(yǔ)言，因此在定義函數(shù)時(shí)，不需要為