第12章 JavaScript語言基礎(chǔ)編程技術(shù)

JavaScript語言基礎(chǔ)01JavaScript數(shù)據(jù)結(jié)構(gòu)03運算符與表達式02數(shù)據(jù)類型04流程控制語句05函數(shù)JavaScript數(shù)據(jù)結(jié)構(gòu)標識符1關(guān)鍵字2JavaScript數(shù)據(jù)結(jié)構(gòu)常量3變量4標識符標識符所謂的標識符，就是一個名稱。在JavaScript中，標識符用來命名變量和函數(shù)。命名規(guī)則：1.第一個字符，可以是任意Unicode字母（包括英文字母和其他語言的字母），以及美元符號（$）和下劃線（_）。2.第二個字符及后面的字符，除了Unicode字母、美元符號和下劃線，還可以用數(shù)字0-9。標識符例：合法的標識符imy_name_name$strn1例：不合法的標識符1a

//第一個字符不能是數(shù)字23

//同上***//標識符不能包含星號a+b

//標識符不能包含加號-d

//標識符不能包含減號或連詞線關(guān)鍵字關(guān)鍵字JavaScript關(guān)鍵字是指在JavaScript語言中有特定含義，成為JavaScript語法中的那些關(guān)鍵詞。JavaScript關(guān)鍵字是不能作為變量名和函數(shù)名使用的。使用JavaScript關(guān)鍵字作為變量名或函數(shù)名，會使JavaScript在載入過程中出現(xiàn)編譯錯誤。關(guān)鍵字abstractcontinuefinallyinstanceofprivatethisbooleandefaultfloatintpublicthrowbreakdoforinterfacereturntypeofbytedoublefunctionlongshorttruecaseelsegotonativestaticvarcatchextendsimplementsnewsupervoidcharfalseimportnullswitchwhileclassfinalinpackagesynchronizedwithJavaScript中的關(guān)鍵字常量常量當程序運行時，值不能改變的量為常量。常量主要用于為程序提供固定的和精確的值（包括數(shù)值和字符串），比如數(shù)字、邏輯值真（true）、邏輯值假（false）等都是常量。聲明常量使用const關(guān)鍵字來進行聲明。語法： const常量名=值；變量變量的概念計算機中的程序需要對“值”進行操作。如（數(shù)字、字符串）等。當程序需要將這些值保存起來時，就需要將這些“值”保存到變量中，為后續(xù)使用。所以，變量是對“值”的再次使用。也稱為“引用”。變量的工作機制是編程語言的基本特性。變量的聲明與賦值例： vara=1;1.首先通過var關(guān)鍵字先聲明變量a，然后在變量a與數(shù)值1之間建立引用(使用)關(guān)系，也稱為將數(shù)值1“賦值”給變量a。2.以后，引用（使用）變量a就會得到數(shù)值1。

JavaScript數(shù)據(jù)類型數(shù)字型數(shù)據(jù)1字符串型數(shù)據(jù)2數(shù)據(jù)類型布爾型數(shù)據(jù)3特殊數(shù)據(jù)類型4數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則5數(shù)字型數(shù)據(jù)整數(shù)和浮點數(shù)JavaScript內(nèi)部，所有數(shù)字都是以64位浮點數(shù)形式儲存，即使整數(shù)也是如此。所以，1與1.0是相同的，是同一個數(shù)。例： 1===1.0由于浮點數(shù)不是精確的值，所以涉及小數(shù)的比較和運算要特別小心。例： 0.1+0.2===0.3常用方法parseInt()用于將字符串轉(zhuǎn)為整數(shù)。parseFloat()用于將字符串轉(zhuǎn)為浮點數(shù)。字符串型數(shù)據(jù)字符串定義字符串就是零個或多個排在一起的字符，放在單引號或雙引號之中。例： 'abc' "abc"字符串的length屬性length屬性返回字符串的長度，該屬性也是無法改變的。例： vars='hello'; s.length //5 s.length=3; s.length //5布爾型數(shù)據(jù)定義布爾型數(shù)據(jù)通常在JavaScript程序中用來比較所得的結(jié)果。布爾型數(shù)據(jù)類型只有兩個值，分別是“true”和“false”，它用來表示某種情況是真還是假。例： varn=2; n==1特殊數(shù)據(jù)類型轉(zhuǎn)義字符轉(zhuǎn)義字符描述轉(zhuǎn)義字符描述\b退格\v跳格（Tab，水平）\n回車換行\(zhòng)r換行\(zhòng)tTab符號\\反斜杠\f換頁\OOO八進制整數(shù)，范圍000~777\'單引號\xHH十六進制整數(shù)，范圍00~FF\"雙引號\uhhhh十六進制編碼的Unicode字符undefined和nullnull與undefined都可以表示“沒有”，含義非常相似。將一個變量賦值為undefined或null，實際講，幾乎沒區(qū)別。例： vara=null; varb=undefined; a==b;既然含義與用法都差不多，為什么要同時設(shè)置兩個這樣的值，這不是無端增加復(fù)雜度，令初學(xué)者困擾嗎？這與歷史原因有關(guān)。數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則數(shù)據(jù)類型的轉(zhuǎn)換規(guī)則JavaScript是一種無類型語言，也就是說，在聲明變量時無需指定數(shù)據(jù)類型，這使得JavaScript更具有靈活性和簡單性。在代碼執(zhí)行過程中，JavaScript會根據(jù)需要進行自動類型轉(zhuǎn)換。案例運算符與表達式算術(shù)運算符1賦值運算符3運算符與表達式布爾運算符5運算符優(yōu)先級7表達式8比較運算符2字符串運算符4條件運算符6算術(shù)運算符算術(shù)運算符算術(shù)運算符用于在程序中進行加、減、乘、除等運算。運

算

符描

述示

例+加運算符4+6//返回值為10-減運算符7-2//返回值為5*乘運算符7*3//返回值為21/除運算符12/3//返回值為4%求模運算符7%4//返回值為3++自增運算符。該運算符有兩種情況：i++（在使用i之后，使i的值加1）；++i（在使用i之前，先使i的值加1）i=1;j=i++//j的值為1，i的值為2i=1;j=++i//j的值為2，i的值為2--減運算符。該運算符有兩種情況：i--（在使用i之后，使i的值減1）；--i（在使用i之前，先使i的值減1）i=6;j=i--//j的值為6，i的值為5i=6;j=--i//j的值為5，i的值為5比較運算符比較運算符比較運算符的基本操作過程是：首先對操作數(shù)進行比較，這個操作數(shù)可以是數(shù)字也可以是字符串，然后返回一個布爾值true或false。運

算

符描

述示

例<

小于1<6//返回值為true>

大于7>10//返回值為false<=小于等于10<=10//返回值為true>=大于等于3>=6//返回值為false==等于。只根據(jù)表面值進行判斷，不涉及數(shù)據(jù)類型"17"==17//返回值為true===絕對等于。根據(jù)表面值和數(shù)據(jù)類型同時進行判斷"17"===17/返回值為false!=不等于。只根據(jù)表面值進行判斷，不涉及數(shù)據(jù)類型"17"!=17//返回值為false!==不絕對等于。根據(jù)表面值和數(shù)據(jù)類型同時進行判斷"17"!==17//返回值為true賦值運算符賦值運算符JavaScript中的賦值運算可以分為簡單賦值運算和復(fù)合賦值運算。簡單賦值運算是將賦值運算符（=）右邊表達式的值保存到左邊的變量中；而復(fù)合賦值運算混合了其他操作（算術(shù)運算操作、位操作等）和賦值操作。運算符描

述示

例=將右邊表達式的值賦給左邊的變量userName="mr"+=將運算符左邊的變量加上右邊表達式的值賦給左邊的變量a+=b//相當于a=a+b-=將運算符左邊的變量減去右邊表達式的值賦給左邊的變量a-=b//相當于a=a-b*=將運算符左邊的變量乘以右邊表達式的值賦給左邊的變量a*=b//相當于a=a*b/=將運算符左邊的變量除以右邊表達式的值賦給左邊的變量a/=b//相當于a=a/b%=將運算符左邊的變量用右邊表達式的值求模，并將結(jié)果賦給左邊的變量a%=b//相當于a=a%b&=將運算符左邊的變量與右邊表達式的值進行邏輯與運算，并將結(jié)果賦給左邊的變量a&=b//相當于a=a&b!=將運算符左邊的變量與右邊表達式的值進行邏輯或運算，并將結(jié)果賦給左邊的變量a|=b//相當于a=a|b^=將運算符左邊的變量與右邊表達式的值進行異或運算，并將結(jié)果賦給左邊的變量a^=b//相當于a=a^b字符串運算符字符串運算符字符串運算符是用于兩個字符型數(shù)據(jù)之間的運算符，除了比較運算符外，還可以是+和+=運算符。其中，+運算符用于連接兩個字符串，而+=運算符則連接兩個字符串，并將結(jié)果賦給第一個字符串。運算符描

述示

例+連接兩個字符串“mr”+“book”+=連接兩個字符串并將結(jié)果賦給第一個字符串varname=“mr”name+=“book”布爾運算符布爾運算符布爾運算符主要配合條件控制結(jié)構(gòu)。布爾運算符

描述！取反&=與之后再賦值&邏輯與|=或之后賦值|邏輯或^=異或之后賦值^邏輯異或?:三目運算符條件運算符條件運算符條件運算符是JavaScript支持的一種特殊的三目運算符，語法格式如下：

操作數(shù)?結(jié)果1:結(jié)果2如果“操作數(shù)”的值為true，則整個表達式的結(jié)果為“結(jié)果1”，否則為“結(jié)果2”。運算符優(yōu)先級運算符優(yōu)先級例： 5+8*3=？運算符優(yōu)先級優(yōu)先級結(jié)合性運算符最高向左.、[]、()

由高到低依次排列向右++、--、-、!、delete、new、typeof、void向左*、/、%向左+、-向左<<、>>、>>>向左<、<=、>、>=、in、instanceof向左==、!=、===、!===向左&向左^向左|向左&&向左||向右?向右=向右*=、/=、%=、+=、-=、<<=、>>=、>>>=、&=、^=、|=最低向左,表達式語句和表達式例： varx=1+3;1+3叫做表達式，指一個為了得到返回值的計算式。語句和表達式的區(qū)別在于，前者主要為了進行某種操作，一般情況下不需要返回值；后者則是為了得到返回值，一定會返回一個值。凡是JavaScript語言中預(yù)期為值的地方，都可以使用表達式。比如，賦值語句的等號右邊，預(yù)期是一個值，因此可以放置各種表達式。一條語句可以包含多個表達式。案例流程控制語句條件控制語句1循環(huán)控制語句2流程控制語句跳轉(zhuǎn)語句3條件控制語句Ifelse語句1Switch語句2條件控制語句ifelse語句if條件判斷語句是最基本、最常用的流程控制語句，可以根據(jù)條件表達式的值執(zhí)行相應(yīng)的處理。語法格式如下：if(expression){ statement1}else{ statement2}expression：必選項，用于指定條件表達式，可以使用邏輯運算符。statement1：用于指定要執(zhí)行的語句序列。當expression的值為true時，執(zhí)行該語句序列。statement2：用于指定要執(zhí)行的語句序列。當expression的值為false時，執(zhí)行該語句序列。Switch語句語法格式如下：switch(expression){casejudgement1:statement1;break;casejudgement2:statement2;break;default:statementn+1; break;}循環(huán)控制語句for語句1while語句2循環(huán)控制語句dowhile語句3for語句for循環(huán)語句也稱為計次循環(huán)語句，一般用于循環(huán)次數(shù)已知的情況，在JavaScript中應(yīng)用比較廣泛。for循環(huán)語句的語法格式如下：for(init;test;increment){ statement}initialize：初始化語句，用來對循環(huán)變量進行初始化賦值。test：

循環(huán)條件，一個包含比較運算符的表達式，用來限定循環(huán)變量的邊限。如果循環(huán)變量超過了該邊限，則停止該循環(huán)語句的執(zhí)行。increment：用來指定循環(huán)變量的步幅。statement：用來指定循環(huán)體，在循環(huán)條件的結(jié)果為true時，重復(fù)執(zhí)行。while語句while循環(huán)語句也稱為前測試循環(huán)語句，它是利用一個條件來控制是否要繼續(xù)重復(fù)執(zhí)行這個語句。while循環(huán)語句與for循環(huán)語句相比，無論是語法還是執(zhí)行的流程，都較為簡明易懂。while循環(huán)語句的語法格式如下：while(expression){ statement}expression：一個包含比較運算符的條件表達式，用來指定循環(huán)條件。statement：用來指定循環(huán)體，在循環(huán)條件的結(jié)果為true時，重復(fù)執(zhí)行。dowhile語句do…while循環(huán)語句也稱為后測試循環(huán)語句，它也是利用一個條件來控制是否要繼續(xù)重復(fù)執(zhí)行這個語句。與while循環(huán)所不同的是，它先執(zhí)行一次循環(huán)語句，然后再去判斷是否繼續(xù)執(zhí)行。do…while循環(huán)語句的語法格式如下：do{ statement}while(expression);statement：用來指定循環(huán)體，循環(huán)開始時首先被執(zhí)行一次，然后在循環(huán)條件的結(jié)果為true時，重復(fù)執(zhí)行。expression：一個包含比較運算符的條件表達式，用來指定循環(huán)條件。跳轉(zhuǎn)語句continue語句continue語句用于中止本次循環(huán)，并開始下一次循環(huán)。語法格式如下：for(條件表達式){

語句1：

continue;語句2：}break語句break語句用于退出包含在最內(nèi)層的循環(huán)或者退出一個switch語句。語法格式如下：for(條件表達式){

語句1：

break;語句2：}案例關(guān)鍵代碼<script>functionlogin(){varuser=document.getElementById("user");//獲取賬戶信息varpassword=document.getElementById("password");//獲取密碼信息if(user.value!=='mr'&&password.value!=='mrsoft'){alert('您輸入的賬戶或密碼錯誤！');}else{alert('登錄成功！');}}</script>

函數(shù)函數(shù)的定義1函數(shù)的調(diào)用2函數(shù)幾種特殊的函數(shù)3

函數(shù)的定義函數(shù)的定義function命令1functionprint(s){console.log(s);} 函數(shù)表達式2varprint=function(s){console.log(s);};

函數(shù)的調(diào)用參數(shù)函數(shù)運行的時候，有時需要提供外部數(shù)據(jù)，不同的外部數(shù)據(jù)會得到不同的結(jié)果，這種外部數(shù)據(jù)就叫參數(shù)。functionf(x,y){ returnx+y;}參數(shù)的省略函數(shù)參數(shù)不是必需的，Javascript允許省略參數(shù)。functionf(a,b){ returna;}案例關(guān)鍵代碼<divclass="pay"><divclass="pay-opt"><ahref="index.html"><spanclass="mr-icon-homemr-icon-fw">首頁</span></a><a><spanclass="mr-icon-heartmr-icon-fw">收藏</span></a></div><li><divclass="clearfixtb-btntb-btn-buytheme-login"><aid="LikBuy"title="點此按鈕到下一步確認購買信息"href="javascript:void(0)"onclick="mr_function();">立即購買</a></div></li><li><divclass="clearfixtb-btntb-btn-baskettheme-login"><aid="LikBasket"title="加入購物車"href="javascript:void(0)"onclick="mr_function();"><i></i>加入購物車</a></div></li></div><script>functionmr_function(){alert('觸發(fā)了一個函數(shù)！');}</script>幾種特殊的函數(shù)特殊函數(shù)函數(shù)

說明eval()求字符串中表達式的值isFinite()判斷一個數(shù)值是否為無窮大inNaN()判斷一個數(shù)值是否為NaNparseInt()將字符型轉(zhuǎn)化為整型parseFloat()將字符型轉(zhuǎn)化為浮點型encodeURI()