1、面象認(rèn)識(shí) JS 世界目錄目錄21.1 復(fù)習(xí)31.2 教學(xué)目標(biāo)31.3 BOM 對(duì)象41.3.1 Window41.3.2 Location51.3.3. 61.3.4 History71.3.5 Navigator71.3.6 Screen81.3.7 Error81.4 內(nèi)置對(duì)象81.4.1 String81.4.2 Date81.4.3 Array81.4.4 Number81.4.5 如何給內(nèi)置對(duì)象擴(kuò)展功能 - 重要81.5 Function 對(duì)象91.1 復(fù)習(xí)構(gòu)造函數(shù)創(chuàng)建對(duì)象原型方式創(chuàng)建對(duì)象1.2 教學(xué)目標(biāo)內(nèi)置對(duì)象StringDateMathArrayRegExpNumberObjec

2、tFunctionNullErrorSesBOM 對(duì)象WindowHistoryLocationScreenNavigator自定義對(duì)象1.3 BOM 對(duì)象瀏覽器對(duì)象模型BOM 是瀏覽器對(duì)象模型的簡(jiǎn)稱Browser Object M1.3.1 Window自定義全部變量的本質(zhì)定義的全局變量 函數(shù) 對(duì)象等都會(huì)成為 window 對(duì)象的屬性任何內(nèi)置全局變量和方法全局常量: Infinity, NaN, undefined, null全局方法: eval(), isFinite(), isNaN(), parseFloat(),parse(),decodeURI()ponent(), encodeU

3、RI(),ponent()Window 常用方法OpenClose1.3.2 Locationlocation 對(duì)象Location 傳參Location 對(duì)象的屬性和方法屬性hash 設(shè)置或返回從井號(hào) (#)開(kāi)始的 URL（錨）host 設(shè)置或返回主機(jī)名和當(dāng)前 URL 的端hostname 設(shè)置或返回當(dāng)前 URL 的主機(jī)名href 設(shè)置或返回完整的 URLpathname 設(shè)置或返回當(dāng)前 URL 的路徑部分port 設(shè)置或返回當(dāng)前 URL 的端protocol 設(shè)置或返回當(dāng)前 URL 的協(xié)議search 設(shè)置或返回從問(wèn)號(hào) (?) 開(kāi)始的 URL（查詢部分）方法assign()加載新的文檔,這

4、與直接將一個(gè)URL 賦值給Location 對(duì)象的href 屬性效果是一樣的reload()重新加載當(dāng)前文檔如果該方法沒(méi)有規(guī)定參數(shù)，或者參數(shù)是 false，它就會(huì)用 HTTP 頭If-Modified-Since 來(lái)檢測(cè)服務(wù)器上的文檔是否已改變。如果文檔已改變，reload()會(huì)再次該文檔。如果文檔未改變，則該方法將從緩存中裝載文檔。這與用戶單擊瀏覽器的刷新按鈕的效果是完全一樣的。如果把該方法的參數(shù)設(shè)置為 true，那么無(wú)檔的最后修改日期是什么，它都會(huì)繞過(guò)緩存，從服務(wù)器上重新該文檔。這與用戶在單擊瀏覽器的刷新按鈕時(shí)按住 Shift 健的效果是完全一樣。replace()用新的文檔替換當(dāng)前文檔，

5、replace() 方法不會(huì)在 History 對(duì)象中生成一個(gè)新的。當(dāng)使用該方法時(shí)，新的 URL 將覆蓋 History 對(duì)象中的當(dāng)前。Search用于獲取查詢字符串？Id=1&num=11.3.3dom 樹(shù)Dom 增刪查改原生版本Dom 增刪查改 jquery 版本1.3.4 History歷史常用方法和屬性go(-2)返回上一頁(yè).back()后退.forward()前進(jìn)1.3.5 Navigator常用方法和屬性appCodeName 瀏覽器的代碼名appName 瀏覽器名ppVer瀏覽器版本號(hào)userAgent 瀏覽器名和版本號(hào)platform 瀏覽器Win32, Win16, WinC

6、E, Mac68k, MacPPC, HP-UX, SunOS等cpuClass CPU 的信息 x86“online 瀏覽器是否處于聯(lián)網(wǎng)狀態(tài)Enabled是否可用1.3.6 Screen常用方法和屬性1.3.7 Error常用方法和屬性try alert()catch(e) e.message1.4 內(nèi)置對(duì)象1.4.1 String1.4.2 Date1.4.3 Array1.4.4 Number1.4.5 如何給內(nèi)置對(duì)象擴(kuò)展功能 - 重要練習(xí) 給內(nèi)置對(duì)象擴(kuò)展 trim 功能并調(diào)用1.5 Function 對(duì)象的重要性1.5.1 它到底是什么這個(gè)哥們就是一個(gè)系統(tǒng)內(nèi)置的對(duì)象前面定義的函數(shù)，其實(shí)

7、就是一個(gè) Function 的實(shí)例而已。1.5.2 重要性函數(shù)-都是 Function 對(duì)象的實(shí)例Js 的知識(shí)點(diǎn)都是面象。對(duì)象都是函數(shù)實(shí)現(xiàn)的。1.6 Function 對(duì)象的屬性和方法1.6.1 復(fù)習(xí) arguments1.6.2 call什么意思借用購(gòu)物車相關(guān)的方法-購(gòu)物車產(chǎn)品相關(guān)的方法-產(chǎn)品第一種：直接拷貝購(gòu)物車的某個(gè)方法到產(chǎn)品對(duì)象中來(lái)第二種：借用一下。Call 傳參1.6.3 Call 的 thisCall 除了可以借用別人的方法之外，還能夠更改人家的方法的 this 指向。指向自身。1.6.4 Call 的作用1 借用另外一個(gè)對(duì)象的方法，而不用拷貝2 將偽數(shù)組改成真數(shù)組var json

8、 = 1:蘋果，2:香蕉,3:菠蘿,length:3Var arr = 蘋果,香蕉,菠蘿1.7 偽數(shù)組1.7.1 偽數(shù)組的定義偽數(shù)組就是一個(gè)包含 length 屬性的 json 對(duì)象 他不是一個(gè)真數(shù)組其實(shí)都是在模擬一個(gè)集合（描述集合數(shù)據(jù)）舉例：var json = 1:蘋果，2:香蕉,3:菠蘿,length:3Var arr = 蘋果,香蕉,菠蘿他的特點(diǎn)：1，key 都是 1，2，3，4 ，52, 他含有一個(gè) length 屬性1.7.2 他和真數(shù)組的聯(lián)系：都是模擬集合var json = 1:蘋果，2:香蕉,3:菠蘿,length:3Var arr = 蘋果,香蕉,菠蘿偽數(shù)組每次都要自己去計(jì)

9、算 length 個(gè)數(shù)，自己去拼裝對(duì)象數(shù)組：push pop join slihift unshift concact sort1.7.3 既然沒(méi)有數(shù)組好，為什么要出現(xiàn)偽數(shù)組因?yàn)槿缦碌?集合其實(shí)都是偽數(shù)組：1，argumengs.geementByTagName.geementByClaameJquery 的框架其實(shí)就是偽數(shù)組實(shí)現(xiàn)的。$(.class)Var json = 1:dom 對(duì)象，2：dom 對(duì)象，3：dom 對(duì)象，length：3for(var item in json)1.7.4 如何將偽數(shù)組轉(zhuǎn)為真數(shù)組更改 slice 的指向指向可以讀 slice 的源碼-了解奧秘1.8 App

10、ly1.8.1 Apply 概述（apply 和 call 的區(qū)別）apply 的功能和 call 一模一樣但是只有一點(diǎn)不一樣：Call 的傳參是平鋪的Apply 是把所有參數(shù)放在一個(gè)數(shù)組里面的傳遞的。1.8.2 他的巧妙用法計(jì)算數(shù)組的最大值計(jì)算數(shù)組的最小值合并一個(gè)數(shù)組中所有的值到另一個(gè)數(shù)組/傳統(tǒng)寫法function PushArray(arr1,arr2)var arrLen=arr2.lengthfor(var i=0;i0) return n+fn(n-1);return 0;/ 2,fn 是一個(gè)全局變量,fn一般使用局部bianliang,而這 / 傳統(tǒng)方式的缺點(diǎn):/ 1,破壞了,零重

11、復(fù)法則,當(dāng)一旦函數(shù)名稱更改,需要更改多處/arguments.callee.length 可以獲取實(shí)參參數(shù)callee 是 arguments 的一個(gè)屬性成員，它表示對(duì)函數(shù)對(duì)象本身的1.10Caller/返回函數(shù)調(diào)用者/caller 的應(yīng)用場(chǎng)景 主要用于察看函數(shù)本身被哪個(gè)函數(shù)調(diào)用function fn() /判斷某函數(shù)是否被調(diào)用if (fn.caller) alert(fn.caller.toString(); else alert(函數(shù)直接執(zhí)行);/callee 用處 2 調(diào)用自身 - 比如遞歸函數(shù)/ 優(yōu)點(diǎn):這樣就讓代碼更加簡(jiǎn)練。又防止了全局變量的污染var fn=(function(n)i

12、f(n0) return n+arguments.callee(n-1);return 0;)(10);alert(采用callee 方式:+fn)3contructor prototype對(duì)象的原型鏈進(jìn)階- 結(jié)合 Function 對(duì)象綜合講解1.13.1 Object 對(duì)象的proto1.13.2 Ototype. proto /*null*/console.log(Ototype._proto )=Ftotype)console.log(Object. proto /object 的 proto指向的是 Ftotypefunction AAAA() fn();AAAA();1.13.3 總結(jié)1.13.4 自定義對(duì)象的原型的protofunction Product()/*自定義對(duì)象的原型的 proto指向*/*object*/ console.log(Ftotype. proto_ = Object) /false console.log(Ftotype. proto_ =Oto