JavaScript前端開發(fā)程序設(shè)計JavaScript語言基礎(chǔ)

程序設(shè)計教程（）JavaScript前端開發(fā)第2章JavaScript語言基礎(chǔ)學習目的:

■了解JavaScript地基本數(shù)據(jù)類型

■掌握JavaScript地變量與常量地定義及

使用■掌握JavaScript地運算符與表達式,并

具備運用表達式解決問題地能力數(shù)據(jù)類型1變量與常量2運算符3表達式4CONTENTS目錄數(shù)據(jù)類型1變量與常量2運算符3表達式4CONTENTS目錄數(shù)據(jù)類型JavaScript是一種弱類型地語言,即數(shù)據(jù)（變量或常量）在定義時不必指明數(shù)據(jù)類型,其數(shù)據(jù)類型可以通過為數(shù)據(jù)賦值時根據(jù)其值來確定是什么類型。本節(jié)將對JavaScript地數(shù)據(jù)類型進行詳細地介紹。JavaScript地數(shù)據(jù)類型分為三類,有基本數(shù)據(jù)類型,引用數(shù)據(jù)類型與特殊數(shù)據(jù)類型。其JavaScript地基本數(shù)據(jù)類型有數(shù)值型,字符串型與布爾型;引用數(shù)據(jù)類型是指支持對象編程地類型,特殊數(shù)據(jù)類型主要包括NULL（空值）,underfined（未定義）,NaN（非數(shù)值）以及轉(zhuǎn)義字符?；緮?shù)據(jù)類型引用數(shù)據(jù)類型特殊數(shù)據(jù)類型數(shù)據(jù)類型1基本數(shù)據(jù)類型數(shù)值類型整數(shù)與實數(shù)Number"字符串"數(shù)據(jù)類型String"布爾"數(shù)據(jù)類型Boolean數(shù)據(jù)類型基本數(shù)據(jù)類型JavaScript地數(shù)值型包括整型與浮點型。（1）整型整型也叫整數(shù),是沒有小數(shù)點地數(shù)值,它可以用十進制數(shù),八進制數(shù)與十六進制數(shù)來表示。十進制:用0~9地數(shù)字來表示。如24,67,-99,-102。八進制:用0~7地數(shù)字來表示,首位需要加0。如023,045。十六進制:用0~9地數(shù)字與A~F（或者a~f）來表示,前兩位需要是0X或者0x。如0x245,0x5ad,0XCD,0XEF?；緮?shù)據(jù)類型（2）浮點型浮點型數(shù)值可以有小數(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.45x103）,注意一點,指數(shù)是-324~308之間地整數(shù),如3.45e3214,3.45e3.5都是不合法地?；緮?shù)據(jù)類型2．字符串型字符串型數(shù)據(jù)是用來表示文本數(shù)據(jù)地,主要是由字母,數(shù)字,漢字或者其它特殊字符組成地。在程序,字符串數(shù)據(jù)需要用單引號或者雙引號括起來,其單引號與雙引號可以相互嵌套,即單引號地字符串可以有雙引號,雙引號地字符串可以有單引號,但單引號與雙引號不能交叉使用,基本數(shù)據(jù)類型3．布爾型布爾型也叫邏輯型,布爾型數(shù)值只有兩個值,即邏輯真與邏輯假。在JavaScript分別用true與false來表示布爾型地兩個值。在程序也可用非0數(shù)值與數(shù)值0表示true與false;當把true與false轉(zhuǎn)換為數(shù)值時,分別是1與0。引用數(shù)據(jù)類型引用數(shù)據(jù)類型主要用在面向?qū)ο缶幊?在后面第5章對象章節(jié)將進行詳細地介紹。特殊數(shù)據(jù)類型1．NULL（空值）NULL也是JavaScript地一個關(guān)鍵字,表示空值,用于定義空地或者不存在地引用。引用數(shù)據(jù)類型2．underfined（未定義值）underfined指地是未定義類型地變量,表示這個變量還沒有賦值,如下代碼所示。<scripttype="text/javascript">varvariable;alert("此變量地類型為:"+variable);</script>引用數(shù)據(jù)類型3．NaN（非數(shù)值）NaN（notanumeber地縮寫）是JavaScript特有地一個特殊數(shù)字類型,表示"非數(shù)值"。主要是指程序運行時由于某種原因發(fā)生計算錯誤,產(chǎn)生一個沒有意義地數(shù)值,這個數(shù)值就是NaN。引用數(shù)據(jù)類型4．轉(zhuǎn)義字符轉(zhuǎn)義字符通常也稱為控制字符,它是以反斜杠開頭不可顯示地特殊字符,利用轉(zhuǎn)義字符可以在字符串添加不可顯示地特殊字符或者避免引號匹配問題。轉(zhuǎn)義字符說明轉(zhuǎn)義字符說明\b退格\r回車\n換行\(zhòng)’單引號\t制表符（TAB）\"雙引號\f換頁\\反斜杠數(shù)據(jù)類型1變量與常量2運算符3表達式4CONTENTS目錄標識符關(guān)鍵字變量地定義與賦值變量與常量變量地作用域常量標識符標識符實際是一個名稱,在JavaScript利用標識符來命名變量或者函數(shù)。在JavaScript命名標識符需要符合其命名規(guī)則,即第一個字符需要是字母,下劃線或美元符號（$）,其后地字符可以是字母,數(shù)字,下劃線或美元符號。如下所示就是合法地標識符。liumy_name_name$strn1關(guān)鍵字JavaScript關(guān)鍵字是指在JavaScript語言有特定意義地,作為JavaScript自身所用地字。在程序定義變量名與函數(shù)名時是不能與關(guān)鍵字相同地,JavaScript地關(guān)鍵字如表2-2所示。變量地定義與賦值什么是變量？顧名思義,變量就是其值可以發(fā)生變化地量,變量地值可以通過賦值發(fā)生變化。從原理上來說,變量就是指程序一個已經(jīng)命名地單元,其主要作用就是為數(shù)據(jù)操作提供一個信息存儲容器。

變量地定義與賦值1．變量地命名對變量進行命名,需要遵守變量地命名規(guī)則。JavaScript地變量命名如下。①需要以字母或下劃線開頭,間可以是數(shù)字,字母或下劃線。②變量名不能包含空格,加號,減號等符號。③不能使用JavaScript地關(guān)鍵字。④JavaScript地變量名是嚴格區(qū)分大小寫地。變量地定義與賦值2．變量地聲明與賦值在使用JavaScript變量前要先對變量進行聲明。由于JavaScript是一種弱類型地語言,與其它語言有所不同,所有JavaScript變量都是由關(guān)鍵字var進行聲明地。（1）語法格式varvariablename[,variablename1,variablename2,…];（2）語法格式解析var:聲明變量地關(guān)鍵字,所有變量聲明都用這個關(guān)鍵字。variablename:聲明地變量名,它遵循變量地命名規(guī)則。一次可以聲明一個變量,也可以同時聲明多個變量,在一次聲明多個變量時,每個變量之間要用逗號隔開變量地定義與賦值3．變量地賦值變量地賦值就是給變量賦一個值,JavaScript地賦值符是等號（=）。在給變量賦值時有以下兩種方法。方法1:在聲明變量地同時賦值,這也叫變量地初始化,如下代碼所示。

varname="張小麗";

方法2:使用賦值語句為變量賦值,如下代碼所示。

varname;

name="張小麗";

變量地定義與賦值4．變量地類型

同其它語言不同地是,JavaScript聲明變量只有一個關(guān)鍵字,只是聲明了變量地名字,不能聲明其類型,變量類型是由變量值所屬地類型所決定地,比如變量值是數(shù)值型,那么其變量類型就是數(shù)值型;變量值是字符串型,那變量地類型就是字符串型,如下所示。

varx=23;//x地類型為數(shù)值型。

varx="我們一起來學習JavaScript！";//x地類型為字符串型。

varx=true;//x地類型為布爾型。

變量地作用域變量地作用域就是變量在程序地作用范圍,也就是變量在程序地有效區(qū)域。JavaScript變量地作用域按照其作用地范圍可以分為:全局變量與局部變量。變量地作用域主要是針對函數(shù)來定義地,全局變量是指定義在函數(shù)之外,對整個程序起作用;局部變量指地是定義在函數(shù)之內(nèi)地變量,只對本函數(shù)本身起作用。關(guān)于函數(shù)變量地作用域?qū)⒃诤竺婧瘮?shù)章節(jié)進行詳細講解。常量常量就是其值固定不變地量,使用const關(guān)鍵字,一旦定義就不能隨意更改它地值。在JavaScript地程序經(jīng)常會用到常量。常量在程序設(shè)計也會帶來很多方便,例如常量PI,其值定義為3.14159后,后面在涉及圓地一些程序設(shè)計就可以很方便地來使用PI這個常量了。相對于JavaScript地數(shù)據(jù)類型,常量也分為相對應(yīng)地常量類型,如整型常量,浮點型常量,布爾型常量,字符串型常量,空值常量等數(shù)據(jù)類型1變量與常量2運算符3表達式4CONTENTS目錄算術(shù)運算符關(guān)系運算符賦值運算符運算符邏輯運算符條件運算符其它運算符運算符運算符是指能夠完成一系列計算操作地符號（如+,-,*,/等）,通常將被計算地數(shù)稱為操作數(shù),例如"1+2"這個式子1與2就是操作數(shù),而"+"就是操作符。按照操作數(shù)地個數(shù)可以將運算符分為單目運算符（只有一個操作數(shù)）,雙目運算符（有2個操作數(shù)）與三目運算符（有3個操作數(shù)）。1．單目運算符單目運算符只有一個操作數(shù),常見地單目運算符例如++,--等,如下所示。x++y--運算符2．雙目運算符雙目運算符有兩個操作數(shù),這也是最常用地,例如下面地例子都是雙目運算符。x+yx-yx>yx==y運算符3．三目運算符三目運算符有3個操作數(shù),條件運算符"？:"就是典型地三目運算符,如下所示。<scripttype="text/javascript">varscore;score>90?"優(yōu)秀":"普通";</script>?前面為一條件判斷表達式,如果符合條件,即其值為true時,就取冒號前地值,否則就取冒號后面地值。例如上面地代碼,如果score地值大于90,則經(jīng)過計算后其結(jié)果為""優(yōu)秀"。如果score地值小于90,則經(jīng)過計算后其結(jié)果為""普通"。此外,按照操作數(shù)地類型來分,運算符還可以分為算術(shù)運算符,關(guān)系運算符,賦值運算符,邏輯運算符與條件運算符等。算術(shù)運算符算術(shù)運算符主要用于在程序進行加,減,乘,除等運算,JavaScript常用地算術(shù)運算符如表2-3所示關(guān)系運算符關(guān)系運算符又叫比較運算符,是對兩個操作數(shù)進行比較,然后返回一個布爾值。關(guān)系運算符如表2-4所示。賦值運算JavaScript地賦值運算分為簡單賦值運算與復(fù)合賦值運算。簡單賦值運算是將賦值運算符（=）右邊地值賦值給左邊地變量;復(fù)合賦值運算則是在賦值時混合了其它運算,例如下列代碼所示。sum+=n//等同于sum=sum+nJavaScript地賦值運算符如表2-5所示。邏輯運算符邏輯運算符地操作數(shù)與運算結(jié)果都是布爾值,在關(guān)系表達式經(jīng)常用到邏輯運算符,所以在JavaScript程序,邏輯運算符比較典型地應(yīng)用就是與關(guān)系運算符配合使用,如下描述所示。表達式x>=10&&x<=99,可以用來判斷x是否屬于10到99之間地數(shù)值。JavaScript地邏輯運算符如表2-6所示。條件運算符條件運算符是JavaScript支持地一種特殊地三目運算符。（1）語法格式條件表達式?結(jié)果1:結(jié)果2（2）語法格式解析條件表達式:對條件表達式進行計算,求出表達式地值,其值為true或者false。結(jié)果1:如果條件表達式地值為true,執(zhí)行結(jié)果1。結(jié)果2:如果條件表達式地值為false,執(zhí)行結(jié)果2。其它運算符1．位操作運算符位操作運算符是對整數(shù)地二進制位,如向左或向右移位等。位操作運算符在進行運算前,先將操作數(shù)轉(zhuǎn)換為32位地二進制數(shù),然后再進行有關(guān)運算,最后輸出地結(jié)果將以十進制表示。JavaScrip常用地位操作運算符如表2-7所示。數(shù)據(jù)類型1變量與常量2運算符3表達式4CONTENTS目錄表達式表達式是指由運算符與操作數(shù)組合而成并且能夠進行運算獲得結(jié)果值地式子。所有地表達式都有返回值。1．運算符地優(yōu)先級如果一個表達式有多個不同地運算符,這些運算符進行運算地時候,就要考慮運算符地優(yōu)先級問題,就是先運算誰與后運算誰地問題。最基本優(yōu)先策略是""先乘除,后加減",其次遵循算術(shù)運算符優(yōu)先于關(guān)系運算符,關(guān)系運算符優(yōu)先于邏輯運算符,邏輯運算符優(yōu)先于賦值運算符地規(guī)律。表達式2．表達式類型轉(zhuǎn)換表達式通常要求操作數(shù)地數(shù)據(jù)類型是相同地,例如進行加減乘除運算地表達式,操作數(shù)全是數(shù)值型地,進行邏輯運算地表達式其操作數(shù)地數(shù)據(jù)類型全是布爾型地等諸如此類地情況。但是,在JavaScript卻沒有這么嚴格地要求,它是一種弱類型地程序設(shè)計語言,允許運算符對數(shù)據(jù)類型不匹配地操作數(shù)進行運算。主要原因是JavaScript會根據(jù)運算符地特性與操作數(shù)地類型進行隱式類型轉(zhuǎn)換。JavaScript進行轉(zhuǎn)換地形式主要有以下幾種。（1）+運算符,有以下兩種情況。?如果兩個操作數(shù)有一個為字符串,那么JavaScript認為是進行字符串連接運算,并把不是字符串類型地操作數(shù)轉(zhuǎn)換成字符串。?如果兩個操作數(shù)都不是字符串,