BF-TECHWeb前端開發(fā)工程師就業(yè)課程

課程四

Web前端開發(fā)高手進階-js框架+Ajax技術(shù)

講師：叮咚復習回顧varx,y,z=10;意思?前增量與后增量的區(qū)別？課程內(nèi)容Js原始數(shù)據(jù)類型類型轉(zhuǎn)換Js原始數(shù)據(jù)類型JavaScript有5種原始類型：Undefined、Null、Boolean、Number、String?？梢杂胻ypeof運算符判斷一個值是否表示一個原始類型。

對變量或值調(diào)用typeof運算符將返回下列值之一：undefined-如果變量是Undefined類型的boolean-如果變量是Boolean類型的number-如果變量是Number類型的string-如果變量是String類型的object-如果變量是一種引用類型或Null類型的數(shù)字NumberNumber對象是原始數(shù)值的包裝對象。創(chuàng)建Number對象的語法： varmyNum=newNumber(value); varmyNum=Number(value);參數(shù)

value

是要創(chuàng)建的Number對象的數(shù)值，或是要轉(zhuǎn)換成數(shù)字的值。返回值

當Number()和運算符new一起作為構(gòu)造函數(shù)使用時，它返回一個新創(chuàng)建的Number對象。如果不用new運算符，把Number()作為一個函數(shù)來調(diào)用，它將把自己的參數(shù)轉(zhuǎn)換成一個原始的數(shù)值，并且返回這個值（如果轉(zhuǎn)換失敗，則返回NaN）。JavaScript中的所有事物都是對象：數(shù)字、字符串、布爾、數(shù)組、日期，等等。數(shù)字NumberJavaScript數(shù)字可以使用也可以不使用小數(shù)點來書寫：

varpi=3.14;//使用小數(shù)點 varx=34;//不使用小數(shù)點極大或極小的數(shù)字可通過科學（指數(shù)）計數(shù)法來寫：

vary=123e5;//12300000varz=123e-5;//0.00123所有JavaScript數(shù)字均為64位

JavaScript不是類型語言。與許多其他編程語言不同，JavaScript不定義不同類型的數(shù)字，比如整數(shù)、短、長、浮點等等。 JavaScript中的所有數(shù)字都存儲為根為10的64位（8比特），浮點數(shù)。

數(shù)字Number精度整數(shù)（不使用小數(shù)點或指數(shù)計數(shù)法）最多為15位。小數(shù)的最大位數(shù)是17，但是浮點運算并不總是100%準確： varx=0.2+0.1;//0.30000000000000004八進制和十六進制

如果前綴為0，則JavaScript會把數(shù)值常量解釋為八進制數(shù)，如果前綴為0和"x"，則解釋為十六進制數(shù)。 vary=0377; varz=0xFF;數(shù)字Number屬性方法屬性描述constructor返回對創(chuàng)建此對象的Number函數(shù)的引用。MAX_VALUE可表示的最大的數(shù)。MIN_VALUE可表示的最小的數(shù)。NaN非數(shù)字值。NEGATIVE_INFINITY負無窮大，溢出時返回該值。POSITIVE_INFINITY正無窮大，溢出時返回該值。方法描述toString()把數(shù)字轉(zhuǎn)換為字符串，使用指定的基數(shù)。練習：1、NaN==NaN返回值？isNaN(NaN)返回值？2、

如下代碼彈出的警告框值是多少？for(i=0,j=0;i<10,j<6;i++,j++){ k=i+j;}alert(k);字符串StringString對象用于處理文本（字符串）。創(chuàng)建String對象的語法： varstr=newString(s); varmyNum=String(s);參數(shù)

參數(shù)

s

是要存儲在String對象中或轉(zhuǎn)換成原始字符串的值。返回值

當String()和運算符new一起作為構(gòu)造函數(shù)使用時，它返回一個新創(chuàng)建的String對象，存放的是字符串s或s的字符串表示。當不用new運算符調(diào)用String()時，它只把s轉(zhuǎn)換成原始的字符串，并返回轉(zhuǎn)換后的值。字符串String屬性方法屬性描述constructor對創(chuàng)建該對象的函數(shù)的引用length字符串的長度方法描述charAt()返回在指定位置的字符。concat()連接字符串。charCodeAt()

返回在指定的位置的字符的Unicode編碼。fromCharCode()從字符編碼創(chuàng)建一個字符串。indexOf()檢索字符串。lastIndexOf()從后向前搜索字符串。字符串String方法方法描述match()找到一個或多個正則表達式的匹配。replace()替換與正則表達式匹配的子串。search()檢索與正則表達式相匹配的值。slice()提取字符串的片斷，并在新的字符串中返回被提取的部分。substr()從起始索引號提取字符串中指定數(shù)目的字符。substring()提取字符串中兩個指定的索引號之間的字符。toUpperCase()把字符串轉(zhuǎn)換為大寫。toLowerCase()把字符串轉(zhuǎn)換為小寫。split()把字符串分割為字符串數(shù)組。字符串StringcharCodeAt()方法可返回指定位置的字符的Unicode編碼。這個返回值是0-65535之間的整數(shù)。Unicode編碼： Unicode只有一個字符集，Unicode目前普遍采用的是UCS-2,它用兩個字節(jié)來編碼一個字符，中、日、韓的三種文字占用了Unicode中0x3000到0x9FFF的部分（注意字符編碼一般用十六進制來表示，轉(zhuǎn)化十進制為12288到40959）；UCS-2用兩個字節(jié)來編碼字符，兩個字節(jié)就是16位二進制，2的16次方等于65536,所以UCS-2最多能編碼65536個字符。例 varstr="Helloworld!“; str.charCodeAt(1);//101

字符串StringfromCharCode()可接受一個指定的Unicode值，然后返回一個字符串語法： String.fromCharCode(numX,numX,...,numX);參數(shù)

numX必需。一個或多個Unicode值，即要創(chuàng)建的字符串中的字符的Unicode編碼。例 String.fromCharCode(72,69,76,76,79);//HELLO String.fromCharCode(65,66,67);//ABC字符串StringindexOf()方法可返回某個指定的字符串值在字符串中首次出現(xiàn)的位置語法： stringObject.indexOf(searchvalue,fromindex);參數(shù)

searchvalue必需。規(guī)定需檢索的字符串值。 fromindex可選的整數(shù)參數(shù)。規(guī)定在字符串中開始檢索的位置。它的合法取值是0到stringObject.length-1。如省略該參數(shù)，則將從字符串的首字符開始檢索。例 varstr="Helloworld!“; str.indexOf(‘e’);//1 str.indexOf("Hello");//0 str.indexOf("World");//-1

字符串StringlastIndexOf()方法可返回一個指定的字符串值最后出現(xiàn)的位置，在一個字符串中的指定位置從后向前搜索。語法： stringObject.lastIndexOf(searchvalue,fromindex);參數(shù)

searchvalue必需。規(guī)定需檢索的字符串值。 fromindex可選的整數(shù)參數(shù)。規(guī)定在字符串中開始檢索的位置。它的合法取值是0到

stringObject.length-1。如省略該參數(shù)，則將從字符串的最后一個字符處開始檢索。例 varstr="Helloworld!“; str.indexOf(‘o’);//7

字符串Stringmatch()方法可在字符串內(nèi)檢索指定的值，或找到一個或多個正則表達式的匹配。語法： stringObject.match(searchvalue); stringObject.match(regexp);參數(shù)

searchvalue必需。規(guī)定要檢索的字符串值。

regexp必需。規(guī)定要匹配的模式的RegExp對象。如果該參數(shù)不是RegExp對象，則需要首先把它傳遞給RegExp構(gòu)造函數(shù)，將其轉(zhuǎn)換為RegExp對象。例 varstr="Helloworld!“; str.match("world");//world

字符串Stringreplace()方法用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達式匹配的子串。語法： stringObject.replace(regexp/substr,replacement); stringObject.match(regexp);參數(shù)

regexp/substr必需。規(guī)定子字符串或要替換的模式的RegExp對象。請注意，如果該值是一個字符串，則將它作為要檢索的直接量文本模式，而不是首先被轉(zhuǎn)換為RegExp對象。

replacement必需。一個字符串值。規(guī)定了替換文本或生成替換文本的函數(shù)。例 varstr="Helloworld!“; str.replace(/world/,“Beifeng");//HelloBeifeng;

字符串Stringsearch()方法用于檢索字符串中指定的子字符串，或檢索與正則表達式相匹配的子字符串。語法： stringObject.search(regexp);參數(shù)

regexp該參數(shù)可以是需要在stringObject中檢索的子串，也可以是需要檢索的RegExp對象。注釋：要執(zhí)行忽略大小寫的檢索，請追加標志i。例 varstr="Helloworld!“; str.search(/world/);//6

字符串Stringslice()方法可提取字符串的某個部分，并以新的字符串返回被提取的部分。語法： stringObject.slice(start,end);參數(shù)

start要抽取的片斷的起始下標。如果是負數(shù)，則該參數(shù)規(guī)定的是從字符串的尾部開始算起的位置。就是說，-1指字符串的最后一個字符，-2指倒數(shù)第二個字符，以此類推。 end緊接著要抽取的片段的結(jié)尾的下標。若未指定此參數(shù)，則要提取的子串包括start到原字符串結(jié)尾的字符串。如果該參數(shù)是負數(shù)，那么它規(guī)定的是從字符串的尾部開始算起的位置。例 varstr="Hellohappyworld!“; str.slice(6);//happyworld!

字符串Stringsubstr()方法可在字符串中抽取從

start

下標開始的指定數(shù)目的字符。語法：

stringObject.substr(start,length);參數(shù)

start必需。要抽取的子串的起始下標。必須是數(shù)值。如果是負數(shù)，那么該參數(shù)聲明從字符串的尾部開始算起的位置。也就是說，-1指字符串中最后一個字符，-2指倒數(shù)第二個字符，以此類推。

length可選。子串中的字符數(shù)。必須是數(shù)值。如果省略了該參數(shù)，那么返回從

stringObject

的開始位置到結(jié)尾的字串。例 varstr="Helloworld!“; str.substr(3);//loworld! 字符串Stringsubstring()方法用于提取字符串中介于兩個指定下標之間的字符。語法： stringObject.substring(start,stop);參數(shù)

start必需。一個非負的整數(shù)，指要提取的子串的第一個字符在stringObject中的位置。 stop可選。一個非負的整數(shù)，比要提取的子串的最后一個字符在stringObject中的位置多1。如果省略該參數(shù)，那么返回的子串會一直到字符串的結(jié)尾。例 varstr="Helloworld!“; str.substring(3);//loworld! 字符串Stringsplit()方法用于把一個字符串分割成字符串數(shù)組。語法： stringObject.split(separator,howmany\);參數(shù)

separator必需。字符串或正則表達式，從該參數(shù)指定的地方分割stringObject。 howmany可選。該參數(shù)可指定返回的數(shù)組的最大長度。如果設(shè)置了該參數(shù)，返回的子串不會多于這個參數(shù)指定的數(shù)組。如果沒有設(shè)置該參數(shù)，整個字符串都會被分割，不考慮它的長度。例 varstr="Howareyoudoingtoday?“; str.split("");//[How,are,you,doing,today?] 練習：1、在javascript中定義變量vara=”35”,varb=”7”運算a%b的結(jié)果為？2、

如下代碼彈出的警告框值是分別多少？varstr=“32px”;varstr1=str.slice(-2);alert(str);alert(str1);3、一個含文件名的絕對地址：http://********/name.****我該如何從這個絕對地址上得到這個文件的名稱（地址路徑深度不知，文件后綴名稱也未知）？布爾BooleanBoolean對象表示兩個值：true或false。創(chuàng)建String對象的語法： varbool=newBoolean(value);

//構(gòu)造函數(shù) varbool=Boolean(value);

//轉(zhuǎn)換函數(shù)參數(shù)

參數(shù)

value

由布爾對象存放的值或者要轉(zhuǎn)換成布爾值的值。返回值

當作為一個構(gòu)造函數(shù)（帶有運算符new）調(diào)用時，Boolean()將把它的參數(shù)轉(zhuǎn)換成一個布爾值，并且返回一個包含該值的Boolean對象。

如果作為一個函數(shù)（不帶有運算符new）調(diào)用時，Boolean()只將把它的參數(shù)轉(zhuǎn)換成一個原始的布爾值，并且返回這個值。

注釋：如果省略value參數(shù)，或者設(shè)置為0、-0、null、""、false、undefined或NaN，則該對象設(shè)置為false。否則設(shè)置為true（即使value參數(shù)是字符串"false"）。練習：1、如下代碼彈出的警告框值是分別多少？ vara='true';varb=true;varc=1; alert(a==b); alert(a===b); alert(a==c); alert(b==c);兩個特殊的原始數(shù)據(jù)：null和undefinednull: