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

JS面向?qū)ο蠼?jīng)典案例/一、通用創(chuàng)建函數(shù)function New(aClass,aParams)/定義臨時的中轉(zhuǎn)函數(shù)殼function new_() / 調(diào)用原型中定義的構造函數(shù)，中轉(zhuǎn)構造邏輯及構造參數(shù)，用Create方法，來替代原有的構造函數(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;/ 二、原型鏈級，子類需要一個原型指向父類，傳遞起來比較麻煩 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; /設置自己的company屬性，掩蓋了原型的company屬性 /實現(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的其他幾個特性：作用域鏈，垃圾回收機制，嵌套函數(shù)作用域鏈:就是函數(shù)在定義的時候創(chuàng)建的，用于尋找使用到的變量的值的一個索引，他內(nèi)部的規(guī)則是，把函數(shù)自身的變量放在最前面，把自身的父級函數(shù)中的變量放到其次，再高一級的放在更后面，以此類推，最后到全局對象為止。當函數(shù)中遇到一個變量時，JS解析器會去作用域鏈中查找，從函數(shù)本身變量開始查找，如果沒有再上一級，。一旦找到就不再繼續(xù)，如果到最后也沒有找到需要的變量，則返回undefined垃圾回收機制：一個函數(shù)在執(zhí)行開始的時候，會給其中定義的變量劃分內(nèi)存空間，等到函數(shù)執(zhí)行完畢，這些變量被認為是無用的，對應的內(nèi)存空間也就被回收了。下次再執(zhí)行的時候，又分配一個內(nèi)存空間，如此周而復始。但是如果這個函數(shù)內(nèi)部又嵌套了另一個函數(shù)，而這個被嵌套的函數(shù)又在外部被調(diào)用，并且這個嵌套函數(shù)又實用了外部函數(shù)的某些變量的話，上面的內(nèi)存回收機制就會出現(xiàn)問題。如果在外部函數(shù)返回后，又直接調(diào)用了內(nèi)部函數(shù)，那么內(nèi)部函數(shù)就無法讀取到他所需的外部函數(shù)中的變量值。所以js解釋器在遇到函數(shù)定義的時候,會自動把函數(shù)和他可能使用的變量(包括本地變量和父級和祖先級函數(shù)的變量(自由變量)一起保存起來.也就是構建一個閉包,這些變量將不會被內(nèi)存回收器所回收,只有當內(nèi)部的函數(shù)不可能被調(diào)用以后(例如被刪除了,或者沒有了指針),才會銷毀這個閉包,而沒有任何一個閉包引用的變量才會被下一次內(nèi)存回收啟動時所回收.嵌套函數(shù)：函數(shù)中嵌套一個函數(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？這是因為閉包中所記錄的自由變量,只是對這個變量的一個引用,而非變量的值,當這個變量被改變了,閉包里獲取到的變量值,也會被改變.解決的方法之一,是讓內(nèi)部函數(shù)在循環(huán)創(chuàng)建的時候立即執(zhí)行,并且捕捉當前的索引值,然后記錄在自己的一個本地變量里.然后利用返回函數(shù)的方法,重寫內(nèi)部函數(shù),讓下一次調(diào)用的時候,返回本地變量的值,改進后的代碼:var result=;function foo()/var i= 0;