Web前端開發(fā)-交互式設(shè)計(jì)（JavaScript+jQuery） 課件 單元2 JavaScript 語言基礎(chǔ)

Web前端開發(fā)—交互式設(shè)計(jì)

（JavaScript+jQuery）主編：孫佳帝

孫文江編委：白哲佳張卓2023年電子工業(yè)出版社JavaScript概述01JavaScript語言基礎(chǔ)02JavaScript函數(shù) 03面向?qū)ο缶幊?04JavaScript內(nèi)置對(duì)象05BOM編程06DOM編程07DOM事件08利用JQuery編程09設(shè)計(jì)個(gè)性化網(wǎng)站1002單元2JavaScript語言基礎(chǔ)

Web前端開發(fā)—交互式設(shè)計(jì)2.1JavaScript詞法符號(hào)JavaScript詞法符號(hào)1.字符集：Unicode字符集。2.大小寫敏感性：區(qū)分大小寫。3.空白符和換行符：忽略程序中標(biāo)識(shí)符之間的空格、制表符和換行符。4.可選的分號(hào)：分號(hào)代表一個(gè)語句的結(jié)束。5.注釋與文本換行符：有單行注釋和多行注釋兩種。6.標(biāo)識(shí)符：標(biāo)識(shí)符是用戶在程序設(shè)計(jì)中給特定內(nèi)容起的名字。構(gòu)成規(guī)則是第一個(gè)字符必須是英文字母、下劃線“_”或美元符號(hào)“$”，接下來的符號(hào)可以是英文字母、十進(jìn)制數(shù)字、下劃線“_”、美元符號(hào)“$”組成的一串字符。JavaScript標(biāo)識(shí)符不能用JavaScript保留字。7.關(guān)鍵字與保留字：是JavaScript中預(yù)定義的、用英語小寫字母組成的特定單詞。2.2數(shù)據(jù)類型ECMAScript標(biāo)準(zhǔn)定義的數(shù)據(jù)類型最新的ECMAScript標(biāo)準(zhǔn)定義了8種數(shù)據(jù)類型:1.Boolean2.Undefined3.Number4.

BigInt5.String6.Symbol7.Null8.Object2.3變量1.什么是變量？在程序運(yùn)行期間，程序可以向系統(tǒng)申請(qǐng)分配若干內(nèi)存單元，用來存儲(chǔ)各種類型的數(shù)據(jù)。系統(tǒng)分配的內(nèi)存單元要使用一個(gè)標(biāo)識(shí)符來標(biāo)識(shí)，并且其中的數(shù)據(jù)是可以更改的，所以稱之為變量。定義一個(gè)變量，系統(tǒng)就會(huì)為之分配一塊內(nèi)存，程序可以用變量名來表示這塊內(nèi)存中的數(shù)據(jù)，ECMAScript的變量是松散類型的，可以保存任何類型的數(shù)據(jù)，因而聲明一個(gè)變量時(shí)不必確定類型，而是在使用或賦值時(shí)自動(dòng)確定其數(shù)據(jù)類型?？梢允褂胿ar與let關(guān)鍵字來聲明變量，let和var最大的區(qū)別在于變量的作用域。2.2使用var定義變量（1）語法格式：var變量名;var變量1,變量2,…;（2)定義變量特性—變量提升var定義的變量具有提升的特性，這是因?yàn)橐欢纬绦虼a在開始執(zhí)行之前會(huì)先建立一個(gè)執(zhí)行環(huán)境，這時(shí)變量、函數(shù)等對(duì)象會(huì)被創(chuàng)建，直到運(yùn)行時(shí)才會(huì)被賦值。這就是使用變量的程序代碼即使放在變量定義之前，程序代碼仍然可以正常運(yùn)行的原因。由于創(chuàng)建階段尚未有值，因此變量會(huì)自動(dòng)以u(píng)ndefined初始化。（3）變量的命名規(guī)則：Camel標(biāo)記法、Pascal標(biāo)記法和匈牙利類型標(biāo)記法等。3.使用let定義變量（1）語法格式：let變量名;let變量1,變量2,…;（2）定義變量特性—“暫時(shí)性死區(qū)”在同一區(qū)塊內(nèi)不可以重復(fù)定義同名變量，而且變量尚未初始化之前不會(huì)以u(píng)ndefined作為初值。因此從變量聲明到初始化之前，變量將無法操作，這一段時(shí)間稱“暫時(shí)性死區(qū)”。如果在變量尚未初始化之前試圖去操作它，就會(huì)拋出異常。（3）不再是全局對(duì)象的屬性4.變量的賦值變量的作用是存儲(chǔ)數(shù)據(jù)，因此，在定義變量之后往往都要給變量賦值。使用賦值運(yùn)算符（=）可以將字符串、數(shù)字、布爾值、數(shù)組、對(duì)象等值賦給變量。語法格式：變量名=值;在JavaScript中，允許給未定義的變量賦值。除了可以使用字面量給變量賦值外，還可以使用表達(dá)式給變量賦值。5.變量的作用域一個(gè)變量的定義與調(diào)用都是會(huì)在一個(gè)固定的范圍中進(jìn)行的，這個(gè)范圍就稱之為作用域。根據(jù)作用范圍的不同，將作用域分為不同類型。如果變量定義在全局環(huán)境中，那么在任何位置都可以訪問到這個(gè)變量，稱之為全局作用域；如果變量定義在函數(shù)內(nèi)部，那么只能在函數(shù)內(nèi)部訪問到這個(gè)變量，稱之為函數(shù)作用域；如果變量定義在一個(gè)代碼塊中，那么只能在代碼塊中訪問到這個(gè)變量，稱之為塊級(jí)作用域。(1)

var定義的變量只支持全局作用域變量和函數(shù)作用域變量，不支持塊級(jí)作用域變量。(2)在塊級(jí)作用域或者函數(shù)作用域中使用let定義變量時(shí)，只在作用域內(nèi)是有效的。2.4常量1.符號(hào)常量符號(hào)常量是指事先給程序中出現(xiàn)的有含義的值命名的結(jié)構(gòu)。通過使用常量，值的含義更加明確，增加了代碼的可讀性。（1）定義符號(hào)常量符號(hào)常量需要使用const關(guān)鍵字來定義，并且在定義時(shí)必須設(shè)置一個(gè)初始值，語法格式：const常量名=初始值;（2）

在塊作用域內(nèi)有效，不能重復(fù)聲明同一常量。（4）在聲明之前使用會(huì)產(chǎn)生暫時(shí)性死區(qū)。2.字面量（1）數(shù)字字面量整數(shù)字面量使用10進(jìn)制數(shù)（數(shù)的范圍是-253~253）、16進(jìn)制數(shù)（前綴為0x或0X）、8進(jìn)制數(shù)（前綴為0o或0O）和2進(jìn)制數(shù)（前綴為0b或0B）來表示。浮點(diǎn)字面量浮點(diǎn)字面量不僅可以表示通常的小數(shù)點(diǎn)數(shù)，也可以表示指數(shù)。以10為底的指數(shù)，用e或E表示“10的冪”，例如：3.14e5表示的是3.14×105。bigint字面量bigint字面量是BigInt數(shù)據(jù)類型的子類型，因此可以進(jìn)行賦值操作。數(shù)字字面量特殊值主要有：Number.MIN_VALEU（最小值）、Number.MAX_VALUE（最大值）、Number.MIN_SAFE_INTEGER（安全的最小整數(shù)）、Number.MAX_SAFE_INTEGER（安全的最大整數(shù)）、Infinity（正無窮大）、-Infinity（負(fù)無窮大）2.字面量（2）字符串字面量字符串字面量就是直接通過單引號(hào)（''）、雙引號(hào)（""）或重音號(hào)（``）的方式定義的字符串。單引號(hào)和雙引號(hào)的字符串單引號(hào)和雙引號(hào)聲明是等價(jià)的，都可以用來定義字符串，只不過使用單引號(hào)開頭的字符串就要使用單引號(hào)結(jié)尾，雙引號(hào)也是這樣的，例如，"HelloJavaScript"或者'HelloJavaScript'。中間如遇同類引號(hào)可以使用轉(zhuǎn)義字符來處理。模板字符串模板字符串是通過使用重音號(hào)（``）來定義字符串的方式?？梢苑奖銓?shí)現(xiàn)動(dòng)態(tài)字符串的拼接和創(chuàng)建多行字符串等。模板字符串會(huì)保留重音號(hào)中的格式，不僅使用簡單，程序代碼也簡潔易讀。2.字面量（3）布爾字面量布爾字面量有兩個(gè)，分別記作true和false。（4）空字面量空（null）字面量用來表示沒有相應(yīng)的值，用來表示空的狀態(tài)。Null字面量只有一個(gè)，記作null。（5）未定義值字面量未定義值undefined是用來表示某個(gè)變量的值沒有被定義。一般是發(fā)生在某個(gè)變量被聲明了但是沒有賦值、訪問未定義的屬性、函數(shù)中沒有返回值的情況下。2.字面量（6）函數(shù)字面量函數(shù)字面量是指在代碼中可以直接作為值使用的匿名函數(shù)。但語法允許為其指定任意一個(gè)函數(shù)名，當(dāng)編寫遞歸函數(shù)時(shí)可以調(diào)用它自己。語法格式：function(參數(shù)1，參數(shù)2，...){函數(shù)體}（7）數(shù)組字面量數(shù)組字面量是常用的創(chuàng)建數(shù)組的方法。數(shù)組字面量使用一對(duì)方括號(hào)“[]”作為定界符，方括號(hào)里包含多個(gè)數(shù)組元素，數(shù)組元素之間使用逗號(hào)分隔，數(shù)組元素可以是任何類型數(shù)據(jù)。語法格式：格式：[元素1，元素2，元素3，...]2.字面量（8）對(duì)象字面量對(duì)象字面量也叫對(duì)象初始化器，也是常用的創(chuàng)建對(duì)象的方法。使用一對(duì)大括號(hào)“{}”作為界定符，大括號(hào)中可以有多個(gè)屬性和方法，之間用逗號(hào)作為分隔符，而屬性名和屬性值、方法名和方法值之間使用冒號(hào)“:”作為分隔符。對(duì)象字面量的數(shù)據(jù)屬性，由屬性名和屬性值組成，語法格式：letobj={ PropertyName:propertyValue,}2.字面量（9）正則表達(dá)式字面量正則表達(dá)式就是由普通字符以及特殊字符（也稱元字符）組成的文字模式，能明確描述文本字符和文字匹配模式，是一門簡單語言的語法規(guī)范。正則表達(dá)式字面量，使用的是一對(duì)斜線“//”作為界定符，要將正則表達(dá)式整體放入其中，語法格式：varre=/pattern/flags;說明：“flags”標(biāo)志，是決定正則表達(dá)式的動(dòng)作參數(shù)，是一個(gè)可選的修飾性標(biāo)志，包含g（全局）、i（忽略大小寫）、m（多行字符串匹配）等。2.5運(yùn)算符和表達(dá)式1.算術(shù)運(yùn)算符運(yùn)算符描述示例關(guān)聯(lián)性…++后置遞增(運(yùn)算符在后)i++n/a

（不相關(guān)）…--后置遞減(運(yùn)算符在后)i--+…一元加法1+3-…一元減法8-5++…前置遞增++i--…前置遞減--i…

**

…冪2**3從右到左*乘法3*4從左到右/除法3/2%取模7%52.賦值運(yùn)算符運(yùn)算符描述示例關(guān)聯(lián)性…=

…賦值a=3從右到左…+=

…a+=2…-=

…a-=3…**=

…a**=2…*=

…a*=3…/=

…a/=2…%=

…a%=2…&&=

…a&&=9…||=

…a||=2…??=

…a??=253.關(guān)系運(yùn)算符運(yùn)算符描述示例關(guān)聯(lián)性in用來判斷對(duì)象是否擁有給定屬性67incount從左到右instanceof判斷一個(gè)對(duì)象是否是另一個(gè)對(duì)象的實(shí)例autoinstanceofObject<

小于5<6<=小于等于5<=6>

大于5>6>=大于等于5>=6==等號(hào)5==4!=非等號(hào)5!=4===全等號(hào)5===5!==非全等號(hào)5!=='5'…?…:…條件運(yùn)算符5>6?"a":"b"從右到左4.邏輯運(yùn)算符運(yùn)算符描述示例關(guān)聯(lián)性!…邏輯非!(a>0)從右到左&&邏輯與a>0&&b>0從左到右||邏輯或a>0||b>0??空值合并0??425.字符串運(yùn)算符相加運(yùn)算符（+）用于對(duì)兩個(gè)操作數(shù)進(jìn)行相加運(yùn)算，如果操作數(shù)為字符串則該運(yùn)算符將兩個(gè)操作數(shù)連接成一個(gè)字符串。例如，'hello'+'everyone'的計(jì)算結(jié)果為"helloeveryone"。6.其它運(yùn)算符運(yùn)算符描述關(guān)聯(lián)性(…)圓括號(hào)n/a….…成員訪問從左到右…[…]需計(jì)算的成員訪問new…(…)new(帶參數(shù)列表)n/a(

…

)函數(shù)調(diào)用從左到右?.可選鏈new…new(無參數(shù)列表)從右到左typeof…typeofn/avoid…voiddelete…deleteawait…awaityield

…yield從右到左yield*

…yield*...

…展開運(yùn)算符n/a,逗號(hào)從左到右7.運(yùn)算符優(yōu)先級(jí)運(yùn)算符優(yōu)先級(jí)描述(…)21圓括號(hào)….…、…[…]、new…(…)、(…)、?.20成員訪問、需計(jì)算的成員訪問、new(帶參數(shù)列表)、函數(shù)調(diào)用、可選鏈new…19new(無參數(shù)列表)…++、…--、+…、-…、++…、--…typeof…、void…、delete…、await…18后置遞增(運(yùn)算符在后)、后置遞減(運(yùn)算符在后)、一元加法、一元減法、前置遞增、前置遞減Typeof、void、delete、await!…

17邏輯非

…

**

…16冪* 、/ 、% 15乘法、除法、取模+14加法（字符串相加運(yùn)算）in、instanceof、<、<=、>、>=12用來判斷對(duì)象是否擁有給定屬性、判斷一個(gè)對(duì)象的實(shí)例、小于、小于等于、大于、大于等于運(yùn)算符優(yōu)先級(jí)描述==、!=、===、!==11等號(hào)、非等號(hào)、全等號(hào)、非全等號(hào)&&7邏輯與||6邏輯或??5空值合并…?…:…4條件運(yùn)算符…=…、…+=…、…-、…、…**=…、…*=…、…/=…、…%=…、…&&=…、…||=…、…??=…3賦值yield… 、yield*… 2yield、yield*...

…1展開運(yùn)算符,0逗號(hào)8.JavaScript表達(dá)式在JavaScript中，任何能產(chǎn)生值的運(yùn)算都是表達(dá)式。按照是否有運(yùn)算符參與運(yùn)算分為非運(yùn)算符表達(dá)式和運(yùn)算符表達(dá)式。按照?qǐng)?zhí)行運(yùn)算的類型不同分為:（1）算術(shù)表達(dá)式（2）字符串表達(dá)式（3）關(guān)系表達(dá)式（4）邏輯（布爾）表達(dá)式（5）條件表達(dá)式（6）賦值表達(dá)式等。9.數(shù)據(jù)類型轉(zhuǎn)換在表達(dá)式運(yùn)算時(shí)，運(yùn)算符要求參與運(yùn)算的操作數(shù)是相同的數(shù)據(jù)類型，如果操作數(shù)是不同的數(shù)據(jù)類型，則需要進(jìn)行數(shù)據(jù)類型轉(zhuǎn)換。JavaScript語言提供了內(nèi)部自動(dòng)數(shù)據(jù)類型轉(zhuǎn)換和強(qiáng)制數(shù)據(jù)類型轉(zhuǎn)換方式。（1）內(nèi)部自動(dòng)數(shù)據(jù)類型轉(zhuǎn)換JavaScript會(huì)根據(jù)需要自行轉(zhuǎn)換類型，原始值間可以互相轉(zhuǎn)換，原始值與引用對(duì)象之間也可以相互轉(zhuǎn)換，總之，任意JavaScript的值都可以互相轉(zhuǎn)換。（2）強(qiáng)制數(shù)據(jù)類型轉(zhuǎn)換盡管JavaScript可以自動(dòng)做許多類型轉(zhuǎn)換，但有時(shí)仍需要做強(qiáng)制數(shù)據(jù)類型轉(zhuǎn)換，或者為使代碼變得清晰易而做強(qiáng)制數(shù)據(jù)類型轉(zhuǎn)換。2.6語句1.if語句if語句是簡單單向條件的分支結(jié)構(gòu)語句，用于當(dāng)指定邏輯表達(dá)式為true時(shí)執(zhí)行語句。語法格式：if(條件){

語句塊;}If語句條件表達(dá)式程序語句結(jié)束不成立（false）成立（true）2.if...else語句if...else語句是雙向條件的分支結(jié)構(gòu)語句，用于當(dāng)指定條件為true時(shí)執(zhí)行一組語句；如果條件為false時(shí)執(zhí)行另一組語句。語法格式：if(條件){

語句塊1;}else{

語句塊2;}If語句條件表達(dá)式程序語句結(jié)束成立（true）不成立（false）程序語句3.switch語句switch語句是多項(xiàng)條件的分支結(jié)構(gòu)語句，用于根據(jù)一個(gè)特定表達(dá)式的值執(zhí)行一系列特定的語句。switch語句將表達(dá)式的值和switch結(jié)構(gòu)中的一個(gè)特殊標(biāo)簽進(jìn)行比較，如果表達(dá)式的值和某個(gè)標(biāo)簽的值相等，那么執(zhí)行該標(biāo)簽相對(duì)應(yīng)的語句，直到遇到一個(gè)break語句，或者switch語句結(jié)束；如果沒有表達(dá)式的值和某個(gè)標(biāo)簽的值相等，則跳轉(zhuǎn)到default；如果沒有default情況，則跳轉(zhuǎn)到最后一步。語法格式：switch(表達(dá)式){caselabel1:

語句塊；

break;caselabel2:

語句塊；

break;......default:

語句塊；}switch語句Label1程序塊1break;falseLabel2…defaultfalsefalse程序塊1break;程序塊1break;程序塊1truetruetruetrue結(jié)束truetruetrue【案例2-1】

在網(wǎng)頁中顯示不同時(shí)段的問候語【案例分析】根據(jù)當(dāng)前時(shí)間區(qū)間，每6小時(shí)為一個(gè)時(shí)段，在網(wǎng)頁中顯示不同的歡迎語“早上好”、“上午好”、“中午好”、“下午好”、“晚上好”。在網(wǎng)頁中，根據(jù)不同時(shí)段，顯示不同問候語，是網(wǎng)頁設(shè)計(jì)中一種常見功能。根據(jù)本案例的描述，可以選擇使用if…else語句或switch語句來實(shí)現(xiàn)其效果，switch語句將表達(dá)式的值與每一個(gè)case中目標(biāo)值進(jìn)行匹配，如果找到了匹配的值，會(huì)執(zhí)行case后面的語句，如果沒有找到匹配的值，就會(huì)執(zhí)行default后的語句。最后將結(jié)果輸出到網(wǎng)頁中?！窘鉀Q方案】1.編寫html結(jié)構(gòu)，代碼清單為hello.html2.編寫JavaScript腳本，代碼清單為js/hi.js//利用內(nèi)置時(shí)間對(duì)象Date獲取小時(shí)數(shù)lethrs=newDate().getHours();letmsg="";switch(true){casehrs>0&&hrs<=6:msg="早上好";break;casehrs>6&&hrs<=11:msg="上午好";break;casehrs>11&&hrs<=13:msg="中午好";break;casehrs>13&&hrs<=18:msg="下午好";break;default:msg="晚上好";}//輸出到網(wǎng)頁中document.write("XX用戶，"+msg);4.

for語句for語句是一個(gè)循環(huán)結(jié)構(gòu)語句，它按指定的次數(shù)重復(fù)執(zhí)行循環(huán)體。當(dāng)for語句結(jié)構(gòu)內(nèi)的條件表達(dá)式的值為true時(shí)，for語句將執(zhí)行，并一直執(zhí)行到條件表達(dá)式的值為false為止。除了條件表達(dá)式之外，在for語句的結(jié)構(gòu)內(nèi)可以初始化計(jì)數(shù)變量，并在每次循環(huán)中改變它的值。語法格式：for(變量初始表達(dá)式;條件判斷表達(dá)式;變量更新表達(dá)式)

{

語句塊;}可以省略for語句結(jié)構(gòu)中的任何部分，

但是必須使用分號(hào)將每個(gè)部分隔開。開始初始化處理?xiàng)l件表達(dá)式初始化處理增量表達(dá)式true結(jié)束false【案例2-2】

利用for語句計(jì)算1至100的累加和【案例分析】for語句是實(shí)現(xiàn)循環(huán)最常用的語句之一，它適合用于循環(huán)次數(shù)相對(duì)固定的場(chǎng)景下。如果希望一遍又一遍地運(yùn)行相同的代碼，并且每次的值都不同，那么就要想到使用循環(huán)來實(shí)現(xiàn)。在進(jìn)行計(jì)算1至100的累加和時(shí)，要聲明循環(huán)變量i并賦初值1，這個(gè)循環(huán)變量每次循環(huán)后加1，起記錄循環(huán)次數(shù)的作用，可以稱其為計(jì)數(shù)器。為了能夠保存累加結(jié)果還要聲明一個(gè)存放累加和的變量sum并賦初值為0，使用每一次循環(huán)結(jié)果都累加到sum變量中，即sum+=I，也可以稱sum為累加器?！窘鉀Q方案】1.編寫HTML結(jié)構(gòu)，代碼清單為sumfor.html2.編寫JavaScript腳本，代碼清單為js/accu.jsletsum=0,count=100;for(leti=0;i<=count;i++){sum+=i;}console.log(sum);5.while語句while語句也是常用的循環(huán)結(jié)構(gòu)語句，當(dāng)指定循環(huán)條件為true時(shí)重復(fù)執(zhí)行循環(huán)體，否則，它將根本不會(huì)執(zhí)行下面的語句。語法格式：while(條件){

語句塊;}while語句條件表達(dá)式任意的處理true結(jié)束false【案例2-3】

利用while循環(huán)輸出小于6765的斐波那契數(shù)【案例分析】while語句是實(shí)現(xiàn)循環(huán)最常用的語句之一，它不僅適合于循環(huán)次數(shù)固定的場(chǎng)景，也適合用于循環(huán)次數(shù)不固定的場(chǎng)景下。斐波那契數(shù)列，指的是這樣一個(gè)數(shù)列：1、1、2、3、5、8、13、21、……在數(shù)學(xué)上，斐波那契數(shù)列定義為：F0=0，F(xiàn)1=1，F(xiàn)n=Fn-1+Fn-2（n>=2，n∈N*），用文字來說，就是斐波那契數(shù)列由0和1開始，之后的斐波那契數(shù)列系數(shù)就由之前的兩數(shù)相加。【解決方案】1.編寫HTML結(jié)構(gòu)，代碼清單為fbnc.html2.編寫JavaScript腳本，代碼清單為js/fbnc.jsdocument.write("小于6765的斐波那契數(shù)："+"<br>");letn1=1,n2=1,sum=0,i=2;while(sum<6765){sum=n1+n2;n1=n2;n2=sum;document.write(`第${i}項(xiàng):${sum}<br>`);i++;}6.do...while語句do...while語句是類似于while語句的循環(huán)結(jié)構(gòu)語句，它首先執(zhí)行循環(huán)體，直到循環(huán)條件為false結(jié)束循環(huán)。語法格式：do{

語句塊;}while(條件)do…while語句條件表達(dá)式任意的處理true結(jié)束false7.for...in語句for...in語句主要用來遍歷可迭代對(duì)象。所謂遍歷，是指不斷重復(fù)訪問對(duì)象元素的過程。for…in語句用于枚舉對(duì)象中的非符號(hào)鍵屬性，構(gòu)造函數(shù)屬性就不會(huì)顯示。語法格式：for(變量in對(duì)象){

語句塊;}開始條件表達(dá)式任意的處理true結(jié)束false8.for…of語句for…of語句是一種嚴(yán)格的迭代語句，用于遍歷迭代對(duì)象的元素。語法格式：for(變量of對(duì)象){

語句塊;}for...of語句的應(yīng)用范圍很廣泛，如數(shù)組（Array）、映射（Map）、集合（Set）、字符串（String）、參數(shù)（Argument）對(duì)象都可以使用，不過，它不能用來遍歷一般對(duì)象（Object），循環(huán)變量可以使用const、let或var來聲明。9.label子語句label語句只是一個(gè)標(biāo)識(shí)，相當(dāng)于給程序加了一個(gè)標(biāo)簽，而這個(gè)標(biāo)簽可以被跳轉(zhuǎn)語句引用，可以指引跳轉(zhuǎn)語句（break或continue等）跳轉(zhuǎn)的位置。語法格式：標(biāo)簽名:語句;標(biāo)簽名可以是任何JavaScript標(biāo)識(shí)符，語句可以是任何合法的JavaScript語句。10.break子語句break語句是JavaScript中常用的跳轉(zhuǎn)語句之一，break語句可以跳出分支結(jié)構(gòu)語句，也可以跳出循環(huán)結(jié)構(gòu)語句，并結(jié)束循環(huán)語句的執(zhí)行。break語句只能跳到當(dāng)前循環(huán)語句或外層循環(huán)語句前的標(biāo)簽位置，而不能跳到其他標(biāo)簽位置，循環(huán)嵌套次數(shù)不限。語法格式：break;11.continue子語句continue語句也是JavaScript中常用的跳轉(zhuǎn)語句之一，用于中斷循環(huán)過程中的當(dāng)前循環(huán)后繼續(xù)執(zhí)行，然后開始執(zhí)行循環(huán)過程中的一次新的循環(huán)。語法格式：continue[label];//[label]是可選的，它指定斷點(diǎn)處語句的標(biāo)簽12.throw語句throw語句是JavaScript中的異常處理語句之一。JavaScript代碼在執(zhí)行過程中如果出現(xiàn)異常，會(huì)通過throw語句創(chuàng)建一個(gè)異常類對(duì)象，該異常類對(duì)象將被提交給瀏覽器，這個(gè)過程稱為“拋出異?！?。當(dāng)瀏覽器接收到異常對(duì)象時(shí)，會(huì)尋找能處理這一異常的代碼并把當(dāng)前異常對(duì)象提交給其處理，這一過程被稱為“捕獲異?！?。使用JavaScript中的throw語句可以模仿JavaScript拋出一個(gè)異常，語法格式：throw異常對(duì)象或表達(dá)式;throw拋出的異常對(duì)象可以是JavaScript內(nèi)置對(duì)象，也可以是用戶自定義的異常對(duì)象。除此之外，還可以拋出任何類型的表達(dá)式。13.try...catch語句是JavaScript中的異常處理語句之一，用來在JavaScript中捕獲拋出的任何數(shù)據(jù)，包括字符串、數(shù)字和對(duì)象。語法格式：try{

用于測(cè)試是不是有錯(cuò)識(shí)的語句塊;}catch(ex){

用于處理錯(cuò)誤的語句塊;}try...catch語句可以捕獲throw語句拋出的異常，也可以捕獲JavaScript拋出的異常?！景咐?-4】

捕獲計(jì)算矩形面積中產(chǎn)生的異?！景咐治觥坎东@代碼執(zhí)行異常，通常使用try...catch語句。try語句允許定義在執(zhí)行時(shí)進(jìn)行錯(cuò)誤測(cè)試的代碼塊，因此可以將執(zhí)行計(jì)算矩形面積的函數(shù)寫到try語句塊中；ca