《Javascript高級程序設計》課件-項目2 體重指數(shù)計算器-JavaScript程序設計基礎

項目2體重指數(shù)計算器——JavaScript程序設計基礎上一屆奧運會已經(jīng)結(jié)束，中國選手在賽場拼搏的畫面在李強腦海中揮之不去，他心中激動不已，他明白只有身體素質(zhì)好，才能好好學習，報效祖國，于是決定也要強身健體。他開始了解一些體重指數(shù)（BMI）的相關知識。體重指數(shù)可通過身體質(zhì)量指數(shù)（BodyMassIndes，BMI）計算得出，公式如下。BMI=體重（kg）/［身高（m）×身高（m）］情境導入

情境導入

李強想編寫一個體重指數(shù)計算器，輸入性別、體重、身高，就能夠計算出對應的體重指數(shù)，如圖2-1、圖2-2、圖2-3、圖2-4所示。

情境導入

李強想編寫一個體重指數(shù)計算器，輸入性別、體重、身高，就能夠計算出對應的體重指數(shù)，如圖2-1、圖2-2、圖2-3、圖2-4所示?！稣莆認avaScript的變量的定義及使用■了解JavaScript的基本數(shù)據(jù)類型■掌握JavaScript的運算符和表達式，并具備運用表達式解決問題的能力項目目標任務

使用變量知識儲備任務

認識數(shù)據(jù)類型任務

使用運算符任務

認識表達式任務

使用變量標識符實際上是名稱，在JavaScript中可以用來命名變量、函數(shù)、自定義對象或者屬性。在JavaScript中，標識符必須符合命名規(guī)范，主要命名規(guī)范如下：標識符第一個字符必須是字母、下畫線（_）或美元符號（$），其后的字符可以是字母、數(shù)字、下畫線或美元符號。自定義的標識符不能和JavaScript中的關鍵字或保留字同名，但可以包含關鍵字或保留字。相關知識

標識符標識符里面不能有除了下畫線、美元符號以外的符號，比如空格、“+”“-”“@”等符號都是不允許出現(xiàn)的。標識符的命名盡量見名知意，比如可以用由多個單詞組成的復合標識符命名，其主要有兩種方式：使用下畫線連接各個單詞，每個單詞全部小寫，例如stu_name。使用駝峰規(guī)則，包括大駝峰和小駝峰。大駝峰的規(guī)則是每個單詞的首字母大寫，其余字母小寫，例如StuName。小駝峰的規(guī)則是第一個單詞的首字母小寫，第二個及以后的單詞首字母大寫，其余字母小寫，例如stuName。相關知識

標識符相關知識

標識符如下所示為合法的標識符：Liumy_name_name$strn1相關知識

關鍵字和保留字JavaScript關鍵字是指在JavaScript語言中有特定含義的，被JavaScript自身所用的單詞。比如用于表示流程控制語句的開始或結(jié)束的單詞，或者用于執(zhí)行特定操作的單詞。

因此，在程序中聲明變量或定義函數(shù)時是不能使用關鍵字作為標識符的。JavaScript的常用關鍵字如表2-1所示。相關知識

關鍵字和保留字表2-1JavaScript的常用關鍵字相關知識

關鍵字和保留字表2-2JavaScript的保留字JavaScript保留字是ECMAScript規(guī)范中預留的關鍵字，目前它們還沒有特殊功能，但將來可能會加上，具體如表2-2所示。表2-2中列舉的這些保留字建議不要當作變量名或者函數(shù)名來使用，以避免出錯。什么是變量？顧名思義，變量就是值可以發(fā)生變化的量。變量有變量名和值，變量名是計算機內(nèi)存中暫時保存數(shù)據(jù)的符號名稱，通過該名稱獲取變量的值。當在程序中需要頻繁使用某個值，且該值需要發(fā)生變化，或者該值書寫起來比較煩瑣時，就需要一個“容器”來存儲這個值，這個“容器”就是變量。這就好比用杯子盛水，杯子是變量杯子中的水就是變量中的數(shù)據(jù)，杯子的名字就是變量名。在程序中，通過變量完成對內(nèi)存中數(shù)據(jù)的各種操作，變量為數(shù)據(jù)操作提供了信息存儲容器。相關知識

變量的命名對變量進行命名，要遵守標識符的命名規(guī)范。JavaScript的變量命名規(guī)范如下：必須以字母或下畫線開頭，其后可以是數(shù)字、字母或下畫線變量名不能包含空格和加號、減號等符號不能使用JavaScript的關鍵字或保留字JavaScript的變量名是嚴格區(qū)分大小寫的相關知識

變量的命名相關知識

變量的命名如下所示為不合法的變量名：2nameforstu-name相關知識

變量的聲明和賦值JavaScript是弱類型語言，可以不聲明而直接使用變量。這樣雖然簡單，但是不便于發(fā)現(xiàn)變量名的錯誤，所以不建議這樣做。通常的做法是在使用JavaScript變量前聲明變量。

目前，JavaScript常用的變量聲明方式有3種，分別是使用var、let和const關鍵字聲明。其中，使用let和const是ES6標準中增加的聲明變量方式。不管使用哪種方式聲明，在聲明時都無須指定數(shù)據(jù)類型。

使用var可以聲明具有全局或局部作用域的變量，聲明變量有以下幾種格式：

使用var可以一次聲明一個變量，也可以一次聲明多個變量，不同變量之間使用逗號隔開，如下。

聲明變量時可以不初始化變量，此時其數(shù)據(jù)類型默認為undefined，也可以在聲明變量的同時初始化變量，如下。1.使用var聲明變量varname;//一次聲明一個變量var

name,gender,age;//一次聲明多個變量varname="李強";//在聲明的同時初始化變量varname="李強",gender="男",age;//在聲明的同時初始化全部或者部分變量使用var聲明的變量，可以多次賦值，但是其結(jié)果只與最后一次賦值有關。1.使用var給變量賦值varname="李強";name="王紅";name=3;console.log(name);使用let可以聲明具有塊級作用域的變量，聲明的格式和使用var聲明變量的格式完全相同。使用let可以一次聲明一個變量，也可以一次聲明多個變量，不同變量之間使用逗號隔開，如下。2.使用let聲明變量letname;//一次聲明一個變量letname,gender,age;//一次聲明多個變量

聲明變量時可以不初始化變量，此時其數(shù)據(jù)類型默認為undefined，也可以在聲明變量的同時初始化變量，如下。

使用let聲明的變量，可以多次賦值，但是其結(jié)果只與最后一次賦值有關。2.使用let給變量賦值letname="李強";name="王紅";name=3;console.log(name);letname="李強";//在聲明的同時初始化變量letname="王紅",gender="男",age;//在聲明的同時初始化全部或者部分變量使用var和let聲明的變量可以改變，如果希望變量的值在整個運行過程中保持不變，需要使用const聲明，具體格式如下：需要注意的是，使用const聲明變量時，必須給變量賦初值，且該值在運行過程中不能被修改。另外，此變量也不能多次聲明，如下。

3.使用const聲明變量const

變量名=值;constpi=3.1415;//一次聲明一個變量求圓的周長——var和const【任務一】使用var和const聲明變量并求圓的周長任務描述任務分析求圓的周長，根據(jù)圓的周長公式，需要圓的半徑和圓周率圓的半徑可以直接賦值得到，圓周率可以通過JavaScript的內(nèi)置對象Math的PI屬性獲得求圓的周長——var和const【任務一】求圓的周長——var和const【任務一】（1）初始化要求不同。使用var和let聲明變量時可以先不初始化，而使用const聲明變量時必須初始化。（2）重復聲明不同。使用var和let聲明的變量可以多次被修改，其值只與最近一次賦值一致。而使用const聲明的變量，在整個運行過程中不能修改初值。（3）對塊級作用域的支持不同。使用一對花括號括起來的代碼稱為一個代碼塊，所謂塊級作用域，就是指變量起作用的范圍是當前代碼塊，離開當前代碼塊，變量就失效了。使用var聲明的變量支持全局作用域，使用let和const聲明的變量支持塊級作用域。4.3種變量聲明方式的區(qū)別4.3種變量聲明方式的區(qū)別//作用域不同

letname1="李強"{letname2="李強";

constname3="王紅";

varname4="馬東";console.log(name2);//支持塊級作用域，輸出李強

console.log(name3);//支持塊級作用域，輸出王紅

console.log(name4);//支持塊級作用域，輸出馬東

}console.log(name1);//支持塊級作用域，輸出李強

console.log(name2);//離開塊級代碼，出錯

console.log(name3);//離開塊級代碼，出錯

console.log(name4);//支持全局作用域，輸出馬東與其他語言不同的是，JavaScript聲明變量只使用一個關鍵字，只聲明變量的名字，不能聲明其類型。

變量類型是由變量值所屬的類型所決定的，變量值是數(shù)值，那么其變量類型就是數(shù)值型；變量值是字符串，那變量的類型就是字符串型，如下所示。

相關知識

變量的類型varx=23;//x的類型為數(shù)值型。letx="我們一起來學習JavaScript!";//x的類型為字符串型。varx=true;//x的類型為布爾型。輸出課程成績——變量聲明和變量賦值【任務二】要求聲明3個變量，并對3個變量分別進行賦值，然后在頁面上輸出變量的值。任務描述任務分析聲明3個變量（name、course和score變量，分別代表姓名、科目和成績分別為3個變量賦值利用document.write()在頁面上輸出變量的值輸出課程成績——變量聲明和變量賦值【任務二】輸出課程成績——變量聲明和變量賦值【任務二】

變量的作用域是指變量在程序中的作用范圍，也就是變量在程序中的有效區(qū)域。在ES6標準出現(xiàn)之前，JavaScript變量的作用域按照其作用的范圍可以分為全局作用域和局部作用域。

在ES6標準之后，JavaScript變量的作用域按照其作用的范圍可以分為全局作用域、局部作用域和塊級作用域3種。對應作用域的變量分別為全局變量、局部變量和塊級變量。

使用var聲明的變量的作用域有全局作用域和局部作用域兩種，沒有塊級作用域。使用let和const聲明的變量的作用域有全局作用域、局部作用域和塊級作用域3種。

相關知識

變量的作用域任務

認識數(shù)據(jù)類型JavaScript是一種弱類型的語言，即數(shù)據(jù)（變量或常量）在定義時不必指明數(shù)據(jù)類型，其數(shù)據(jù)類型根據(jù)其賦值來確定。JavaScript的數(shù)據(jù)類型分為3類：基本數(shù)據(jù)類型、引用數(shù)據(jù)類型和特殊數(shù)據(jù)類型。

JavaScript的基本數(shù)據(jù)類型有數(shù)值型、字符串型和布爾型，引用數(shù)據(jù)類型是指支持對象編程的類型，特殊數(shù)據(jù)類型主要包括null（空值）、undefined（未定義）、NaN（非數(shù)值）以及轉(zhuǎn)義字符。相關知識

數(shù)據(jù)類型分類

JavaScript的數(shù)值型包括整型和浮點型整型

整型也叫整數(shù)，它可以用十進制數(shù)、八進制數(shù)和十六進制數(shù)來表示。十進制數(shù)：用0～9的數(shù)字來表示，如24、67、－99、－102。八進制數(shù)：用0～7的數(shù)字來表示，首位必須加0，如023、045。十六進制數(shù)：用0～9的數(shù)字和A～F（或者a～f）來表示，前兩位必須是0X或者0x。如0x245、0x5ad、0XCD、0XEF。

相關知識

基本數(shù)據(jù)類型——數(shù)值型浮點型浮點型數(shù)包括整數(shù)部分和小數(shù)部分，中間用小數(shù)點分隔，即“整數(shù)部分.小數(shù)部分”。表示浮點型數(shù)值時只能采用十進制，其表示的形式有兩種，分別是普通形式和指數(shù)形式。普通形式：由整數(shù)部分、小數(shù)點和小數(shù)部分組成，如3.5、23.0、0.6、－6.8。指數(shù)形式：也叫科學記數(shù)法，由數(shù)字、e和指數(shù)組成，如3.45e3（表示3.45×103）。注意：指數(shù)是－324～308的整數(shù)，如3.45e3214、3.45e3.5都是不合法的。數(shù)值型字符串型是用來表示文本數(shù)據(jù)的，主要由字母、數(shù)字、漢字或者特殊字符

程序中，字符串數(shù)據(jù)必須用單引號或者雙引號標注，單引號和雙引號可以相互嵌套單引號中的字符串可以有雙引號，雙引號中的字符串也可以有單引號單引號和雙引號不能交叉使用字符串型"萬丈高樓平地起，盤龍臥虎高山齊。"'千里之堤，潰于蟻穴。'"歡迎來到‘JavaScript’的世界"'歡迎來到“JavaScript”的世界'字符串型'歡迎來到“JavaScript’的世界""歡迎來到‘JavaScript”的世界'"歡迎來到“JavaScript”的世界"'歡迎來到‘JavaScript’的世界'布爾型也叫邏輯型，只有兩個值，即邏輯真和邏輯假分別用true和false來表示布爾型的兩個值在程序中也可用非0數(shù)值和數(shù)值0分別表示true和false，當把true和false轉(zhuǎn)換為數(shù)值時，分別是1和0，布爾值通常用在判斷語句中，表示結(jié)果是真還是假。布爾型n==1;//判斷n是否等于1，如果等于則為true，否則為false。1.nullnull類型是只有一個值的數(shù)據(jù)類型，值即null，表示當前為空值，如下。相關知識

特殊數(shù)據(jù)類型vara=null；//null類型2.undefinedundefined類型只有一個值，即undefined，指的是未定義類型的變量，表示這個變量還沒有被賦值，如下。相關知識

特殊數(shù)據(jù)類型varvariable;alert("此變量的類型為："+variable);3.NaNNaN（NotaNumeber）是JavaScript特有的特殊數(shù)據(jù)類型，表示“非數(shù)值”，是指程序運行時由于某種原因發(fā)生計算錯誤，產(chǎn)生一個沒有意義的數(shù)值，這個數(shù)值就是NaN，如下。相關知識

特殊數(shù)據(jù)類型vara=5;varb="您好";varresult=a*b;//計算a*b的結(jié)果

document.write(result);4.轉(zhuǎn)義字符轉(zhuǎn)義字符通常也稱為控制字符，它是以反斜線開頭且不可顯示的特殊字符，利用轉(zhuǎn)義字符可以在字符串中添加不可顯示的特殊字符或者避免引號匹配問題。例如，在頁面上輸出圖2-2所示的效果，可以通過如下代碼實現(xiàn)。相關知識

特殊數(shù)據(jù)類型document.write("Hesaid.\"l\'mfondofJavaScript!\"";JavaScript常用的轉(zhuǎn)義字符如表2-3所示。我們也可以直接在document.write()中輸入<br/>標簽來換行。如果想在alert()彈出對話框中實現(xiàn)換行，就需要使用轉(zhuǎn)義字符“\n”。相關知識

特殊數(shù)據(jù)類型表2-3JavaScript常用的轉(zhuǎn)義字符JavaScript是弱類型語言，變量的數(shù)據(jù)類型是由變量值決定的使用typeof運算符獲取操作數(shù)的類型，主要有2種使用方式：typeof(表達式)——對表達式做運算typeof變量名——對變量做運算用來判斷一個變量的類型以及這個變量是否已經(jīng)被定義相關知識

數(shù)據(jù)類型判斷測試變量類型——typeof【任務三】使用typeof運算符測試變量的類型任務描述任務分析對變量的類型進行測試，聲明變量并賦初值，作為測試的對象通過typeof運算符來對聲明的變量進行運算通過document.write()在頁面上輸出測試結(jié)果輸出課程成績——變量聲明和變量賦值【任務三】輸出課程成績——變量聲明和變量賦值【任務三】JavaScript提供了一種靈活的自動類型轉(zhuǎn)換的處理方式，基本原則是，如果將A類型的值用于需要B類型的值的環(huán)境中，JavaScript就會自動將A類型轉(zhuǎn)換為所需要的B類型。

類型轉(zhuǎn)換有隱式類型轉(zhuǎn)換和顯式類型轉(zhuǎn)換兩種方式。.6數(shù)據(jù)類型轉(zhuǎn)換隱式類型轉(zhuǎn)換就是通過運算自動對數(shù)據(jù)類型進行轉(zhuǎn)換的方式。（1）+運算符，有以下兩種情況。

如果兩個操作數(shù)中有一個為字符串，那么JavaScript就認為要進行字符串連接運算，并把不是字符串的操作數(shù)轉(zhuǎn)換成字符串。具體示例如下：

如果兩個操作數(shù)都是除字符串以外的基本數(shù)據(jù)類型，那么JavaScript就認為要進行加法運算1.隱式類型轉(zhuǎn)換2023+“明天會更好”;//2023明天會更好隱式類型轉(zhuǎn)換就是通過運算自動對數(shù)據(jù)類型進行轉(zhuǎn)換的方式。（2）其他運算符：如果操作數(shù)類型不符合當前運算符運算類型，那么JavaScript會把操作數(shù)改為相應的類型的值，再進行運算。例如，-、*、/等運算符會要求操作數(shù)全部是數(shù)值。具體示例如下。1.隱式類型轉(zhuǎn)換2-"5";//-34*true;//4下面幾個表達式的值分別是多少？①求表達式10+30、10+"30"、"10"+30、"10"+"30"的值。②求表達式10-30、10-"30"、"10"-30、"10"-"30"的值。③求表達式true+10、true+"10"、true+false、true-false的值。④求表達式"a"-10的值。試一試隱式類型轉(zhuǎn)換就是通過運算自動對數(shù)據(jù)類型進行轉(zhuǎn)換的方式。（3）undefined和null的區(qū)別，undefined表示未定義，而null表示已經(jīng)定義，其值為空。因此undefined不能轉(zhuǎn)換為數(shù)字，而null可以轉(zhuǎn)換為數(shù)字，具體示例如下。1.隱式類型轉(zhuǎn)換2*undefined;//undefined4-null;//4

顯式類型轉(zhuǎn)換就是通過具體的方法，手動進行轉(zhuǎn)換。JavaScript提供了3個顯式類型轉(zhuǎn)換的函數(shù)：Number(value)、Boolean(value)和String(value)。Number(value)方法用于把值轉(zhuǎn)換為數(shù)值。具體示例如下。2.顯式類型轉(zhuǎn)換Number("1.2");//1.2Number(undefined);//NaNNumber(false);//0Number("123abc");//NaN上面代碼的第4行，Number("123abc")返回結(jié)果為NaN，這是因為Number()函數(shù)在進行轉(zhuǎn)換時先判斷要轉(zhuǎn)換的值是否能完整地轉(zhuǎn)換，不能轉(zhuǎn)換就返回NaN類型。JavaScript還提供了另外兩個轉(zhuǎn)換函數(shù)，parseInt()和parseFloat()，分別將值轉(zhuǎn)換為整數(shù)和浮點數(shù)，如果轉(zhuǎn)換的數(shù)值包含字符串，則只轉(zhuǎn)換字符串開頭的部分數(shù)值。具體示例如下。2.顯式類型轉(zhuǎn)換parseInt("123abc");//123parseInt("123.6");//123parseFloat("123.6");//123.6parseFloat("123abc");//123

Boolean(value)函數(shù)用于把值轉(zhuǎn)換為布爾值。如果value為空字符串、0、undefined、null、false，那么將返回false，否則將返回true。具體示例如下。2.顯式類型轉(zhuǎn)換Boolean("");//結(jié)果是falseBoolean(undefined)；//結(jié)果是falseBoolean(false);//結(jié)果是falseBoolean("a");//結(jié)果是trueString(value)函數(shù)用于把值轉(zhuǎn)換為字符串。具體示例如下。typeofString("1.2");//結(jié)果是stringtypeofString(2);//結(jié)果是stringtypeofString(false);//結(jié)果是string任務

使用運算符運算符是指能夠完成一系列計算操作的符號（如+、-、*、/等），通常將被計算的數(shù)稱為操作數(shù)。例如，“1+2”這個式子中1和2就是操作數(shù)，而+就是運算符。按照操作數(shù)的個數(shù)可以將運算符分為單目運算符（只有1個操作數(shù)）、雙目運算符（有2個操作數(shù)）和三目運算符（有3個操作數(shù)）。使用運算符單目運算符只有1個操作數(shù)，常見的單目運算符有++、--等，如下。雙目運算符有2個操作數(shù)。雙目運算符是較常用的，下面的例子都用到了雙目運算符。三目運算符有3個操作數(shù)，條件運算符“?:”就是典型的三目運算符，如下所示。使用運算符x++；y--；x+y;x-y;x>y;x==y;<scripttype="text/javascript">varscore=88;varresult=score>90?"優(yōu)秀":"普通";</script>“?”前面為條件表達式，如果符合條件（其值為true），就取冒號前的值，否則就取冒號后面的值。例如，上面的代碼表示，如果score的值大于90，則經(jīng)過計算后result為“優(yōu)秀”；如果score的值小于90，則經(jīng)過計算后，result為“普通”。此外，按照操作數(shù)的類型來分，運算符還可以分為算術(shù)運算符、關系運算符、賦值運算符、邏輯運算符和位操作運算符等。使用運算符算術(shù)運算符主要用于在程序中進行加、減、乘、除等運算

相關知識

算術(shù)運算符運算符說明示例+加運算，返回結(jié)果為兩個數(shù)值的和4+6;//返回值為10連接運算，只要有一側(cè)是字符串，進行連接運算“腳本”+“技術(shù)”；//返回值為“腳本技術(shù)”-減運算8-5;//返回值為3*乘運算3*5;//返回值為15/除運算6/3;//返回值為2%取模運算7%4;//返回值為3++自增運算，x++；++xx=1;y=x++;//y=1,x=2;x=1;y=++x;//y=2,x=2;--自減運算，x--；--xx=6;y=x++;//y=6,x=5;x=6;y=++x;//y=5,x=5計算賬單金額——算術(shù)運算符【任務四】通過編程實現(xiàn)計算商品的總金額，當商品標價100元、稅率為0.05時，計算買一件商品的總金額和稅金分別是多少？任務描述任務分析計算商品總金額，使用算術(shù)運算符來實現(xiàn)聲明4個變量，分別用來保存總金額、稅金、稅率、標價的值，再通過算術(shù)運算符來進行計算將計算結(jié)果在頁面上輸出計算賬單金額——算術(shù)運算符【任務四】計算賬單金額——算術(shù)運算符【任務四】關系運算符又叫比較運算符，用于對兩個操作數(shù)進行比較，然后返回一個布爾值。相關知識

關系運算符運算符說明示例<

小于3<4;//返回值為true<=小于等于3<=3;//返回值為true>

大于3>4;//返回值為false>=大于等于3>=4;//返回值為false==等于。只進行值判斷，不涉及數(shù)據(jù)類型“7”==7;//返回值為true!=不等于。只進行值判斷，不涉及數(shù)據(jù)類型“7”!=7;//返回值為false===恒等于。對值和數(shù)據(jù)類型同時進行判斷“7”===7;//返回值為false!==不恒等于。對值和數(shù)據(jù)類型同時進行判斷“7”!==7;//返回值為true比較兩個數(shù)的大小——關系運算符【任務五】在日常生活中，經(jīng)常遇到比較兩個數(shù)大小的問題。要進行兩個數(shù)的大小比較，用JavaScript的關系運算符很容易實現(xiàn)。本任務實踐要求運用關系運算符來比較兩個數(shù)的大小，并在頁面上輸出結(jié)果。任務描述任務分析對兩個數(shù)的大小進行比較，可用關系運算符來實現(xiàn)。首先要聲明一個變量，用來保存要比較的值，然后通過這個變量的值與其他值進行比較。將比較的結(jié)果通過document.write()在頁面上輸出。比較兩個數(shù)的大小——關系運算符【任務五】比較兩個數(shù)的大小——關系運算符【任務五】 JavaScript的賦值運算分為簡單賦值運算和復合賦值運算。簡單賦值運算是指將賦值運算符（=）右邊的值賦值給左邊的變量復合賦值運算則是指在賦值時混合了其他運算，如下。

需要注意的是，賦值表達式的值等于賦值運算符左邊的變量值。

相關知識

賦值運算符sum+=n;//等同于sum=sum+n;

賦值運算符運算符說明示例=將右邊表達式的值賦給左邊的變量name="張三";+=將左邊變量加上右邊表達式的值賦給左邊的變量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;在ES6規(guī)范中新增了一種解構(gòu)賦值，它是對賦值運算符的擴展應用，就是將屬性/值從對象/數(shù)組中取出，進行模式匹配，然后對其中的變量進行賦值，解構(gòu)賦值的主要語法如下解構(gòu)賦值[解構(gòu)的目標]=[解構(gòu)的源];解構(gòu)的源是解構(gòu)賦值表達式的右邊部分，解構(gòu)的目標是解構(gòu)賦值表達式的左邊部分。解構(gòu)賦值varnum1,num2;[num1,num2]=[123,234];console.log(num1);//123console.log(num2);//234變量賦值——賦值運算符【任務六】通過使用賦值運算符，實現(xiàn)表達式賦值運算，并在頁面上輸出結(jié)果任務描述任務分析要對變量進行賦值運算，可先聲明兩個變量，并對變量賦初值通過賦值運算符進行賦值運算通過document.write()將結(jié)果在頁面上輸出變量賦值——賦值運算符【任務六】變量賦值——賦值運算符【任務六】邏輯運算符的操作數(shù)和運算結(jié)果都是布爾值。在關系表達式中經(jīng)常用到邏輯運算符，所以在JavaScript程序中，邏輯運算符比較典型的應用就是與關系運算符配合使用：x>=10&&x<=99;//可以用來判斷x是否是10到99的數(shù)值相關知識

邏輯運算符運算符說明示例&&邏輯與。只有當兩個操作數(shù)的值都為true時，邏輯與的結(jié)果才為true，否則為false&&||邏輯或。只有當兩個操作數(shù)的值都為false時，邏輯或的結(jié)果才為false，否則為true||！邏輯非。操作數(shù)的值為true時，邏輯非的結(jié)果為false；操作數(shù)的值為false時，邏輯非的結(jié)果為true！表2-7JavaScript的邏輯運算符判斷某年是否為閏年——邏輯運算符【任務七】本任務實踐通過判斷某年是否為閏年來測試邏輯運算符和關系運算符，所謂閏年就是指表示年份的數(shù)字能被400整除，或者能被4整除但不能被100整除的年份。我們來實現(xiàn)一下閏年的算法。任務描述任務分析按照任務描述要求，先聲明3個變量，分別用來保存表示年份的數(shù)字、閏年計算結(jié)果以及判斷結(jié)果。通過邏輯運算符和關系運算符進行運算。通過document.write()在頁面上輸出結(jié)果。判斷某年是否為閏年——邏輯運算符<scripttype="text/javascript">varyear=2022;varresult=year%4==0&&year%100!=0||year%400==0;varstatus=result?"是閏年":"不是閏年";document.write(year+"年"+status);</script>【任務七】判斷某年是否為閏年——邏輯運算符【任務七】判斷某年是否為閏年——邏輯運算符【任務七】

條件運算符是JavaScript支持的一種特殊的三目運算符。

“?”前面為條件表達式，如果條件為true，就取表達式2，否則就取表達式3。

相關知識

條件運算符表達式1？表達式2：表達式3判斷是否成年——條件運算符【任務八】通過條件表達式根據(jù)輸入的年齡來判斷一個人是否成年。任務描述任務分析先聲明兩個變量，一個保存基準年齡，另一個保存結(jié)果通過條件運算符對變量進行計算通過document.write()在頁面上輸出結(jié)果判斷是否成年——條件運算符【任務八】判斷是否成年——條件運算符【任務八】

相關知識

位操作運算符位操作運算符用于對整數(shù)的二進制位進行操作，如向左或向右移位等。位操作運算符在進行運算前，先將操作數(shù)轉(zhuǎn)換為32位的二進制數(shù)，再進行相關運算，最后輸出的結(jié)果將以十進制表示。JavaScript常用的位操作運算符如表2-8所示。