JS面向?qū)ο蠼?jīng)典案例.docx

JS面向?qū)ο蠼?jīng)典案例/一、通用創(chuàng)建函數(shù)function New(aClass,aParams)/定義臨時(shí)的中轉(zhuǎn)函數(shù)殼function new_() / 調(diào)用原型中定義的構(gòu)造函數(shù)，中轉(zhuǎn)構(gòu)造邏輯及構(gòu)造參數(shù)，用Create方法，來替代原有的構(gòu)造函數(shù)aClass.Create.apply(this,aParams);new_.prototype=aClass;return new new_();/ Personvar Person = / 模擬Object.create()方法，初始化Create:function(name,age) =name;this.age=age;return this;,sayHello: function() alert(my name is + + ,my age is + this.age);window.onload = function() var obj = New(Person, luolibing, 26);obj.sayHello();/ IE9及以上 GOOGLE FIREFOX支持，IE8及IE8以下不支持，跟上面的方法類似/ getPrototypeOf獲取Object的原型，IE版本要求高IE9以上var o = Object.create(Person).Create(liuxiaoling, 27);o.sayHello();function person(name)=name;/ 二、原型鏈級(jí)，子類需要一個(gè)原型指向父類，傳遞起來比較麻煩 totype.sayHello=function()alert(Hello,Im +);/ employee function employee(name,money)person.call(name);this.money=money;/ 子類原型指向父類Person totype=new person();/ 子類原型添加showMoney方法 totype.showMoney=function()alert(+this.money); var em=new employee(bob,11); em.showMoney(); em.sayHello(); var pp=new person(jack); pp.sayHello(); /alert(pp.sayHello=em.sayHello); Stotype.toString()=function(); var aaa=bb; aaa.toString();Stotype.isDate=function()var reg=/0-9*$/;return reg.test(this);alert(11231.isDate();alert(2005-11-11.isDate();function Person(name);Ppany=MS;/原型的方法Ptotype.SayHello = function() alert(Hello, Im + + of + pany); ; var BillGates = new Person(Bill Gates); BillGates.SayHello(); /由于繼承了原型的東西，規(guī)規(guī)矩矩輸出：Hello, Im Bill Gates var SteveJobs = new Person(Steve Jobs); SteveJpany = Apple; /設(shè)置自己的company屬性，掩蓋了原型的company屬性 /實(shí)現(xiàn)了自己的SayHello方法，掩蓋了原型的SayHello方法 SteveJobs.SayHello = function() alert(Hi, + + like + pany + , ha ha ha ); ; SteveJobs.SayHello(); /都是自己覆蓋的屬性和方法，輸出：Hi, Steve Jobs like Apple, ha ha ha BillGates.三、閉包：什么是閉包要了解什么是閉包，涉及到JS的其他幾個(gè)特性：作用域鏈，垃圾回收機(jī)制，嵌套函數(shù)作用域鏈:就是函數(shù)在定義的時(shí)候創(chuàng)建的，用于尋找使用到的變量的值的一個(gè)索引，他內(nèi)部的規(guī)則是，把函數(shù)自身的變量放在最前面，把自身的父級(jí)函數(shù)中的變量放到其次，再高一級(jí)的放在更后面，以此類推，最后到全局對(duì)象為止。當(dāng)函數(shù)中遇到一個(gè)變量時(shí)，JS解析器會(huì)去作用域鏈中查找，從函數(shù)本身變量開始查找，如果沒有再上一級(jí)，。一旦找到就不再繼續(xù)，如果到最后也沒有找到需要的變量，則返回undefined垃圾回收機(jī)制：一個(gè)函數(shù)在執(zhí)行開始的時(shí)候，會(huì)給其中定義的變量劃分內(nèi)存空間，等到函數(shù)執(zhí)行完畢，這些變量被認(rèn)為是無用的，對(duì)應(yīng)的內(nèi)存空間也就被回收了。下次再執(zhí)行的時(shí)候，又分配一個(gè)內(nèi)存空間，如此周而復(fù)始。但是如果這個(gè)函數(shù)內(nèi)部又嵌套了另一個(gè)函數(shù)，而這個(gè)被嵌套的函數(shù)又在外部被調(diào)用，并且這個(gè)嵌套函數(shù)又實(shí)用了外部函數(shù)的某些變量的話，上面的內(nèi)存回收機(jī)制就會(huì)出現(xiàn)問題。如果在外部函數(shù)返回后，又直接調(diào)用了內(nèi)部函數(shù)，那么內(nèi)部函數(shù)就無法讀取到他所需的外部函數(shù)中的變量值。所以js解釋器在遇到函數(shù)定義的時(shí)候,會(huì)自動(dòng)把函數(shù)和他可能使用的變量(包括本地變量和父級(jí)和祖先級(jí)函數(shù)的變量(自由變量)一起保存起來.也就是構(gòu)建一個(gè)閉包,這些變量將不會(huì)被內(nèi)存回收器所回收,只有當(dāng)內(nèi)部的函數(shù)不可能被調(diào)用以后(例如被刪除了,或者沒有了指針),才會(huì)銷毀這個(gè)閉包,而沒有任何一個(gè)閉包引用的變量才會(huì)被下一次內(nèi)存回收啟動(dòng)時(shí)所回收.嵌套函數(shù)：函數(shù)中嵌套一個(gè)函數(shù)，有了閉包，嵌套函數(shù)才可能執(zhí)行var result=;function foo()var i= 0;for (i= 0;i3;i=i+1)/ resulti=function() alert(i);window.onload = function() foo();result0();/3result1();/3result2();/3為什么是3？這是因?yàn)殚]包中所記錄的自由變量,只是對(duì)這個(gè)變量的一個(gè)引用,而非變量的值,當(dāng)這個(gè)變量被改變了,閉包里獲取到的變量值,也會(huì)被改變.解決的方法之一,是讓內(nèi)部函數(shù)在循環(huán)創(chuàng)建的時(shí)候立即執(zhí)行,并且捕捉當(dāng)前的索引值,然后記錄在自己的一個(gè)本地變量里.然后利用返回函數(shù)的方法,重寫內(nèi)部函數(shù),讓下一次調(diào)用的時(shí)候,返回本地變量的值,改進(jìn)后的代碼:var result=;function foo()/var i= 0;