面向?qū)ο蟮谄咛?2進階

復 實 教學目 語言的發(fā)展歷程1節(jié) 構(gòu)造函數(shù)進 構(gòu)造函數(shù)和普通的區(qū) 使用構(gòu)造函數(shù)創(chuàng)建屬性的四種方 屬性的進 萬物皆屬 萬物皆變 Getset取值器設置 權(quán) 屬性進階2：公有屬性和私有屬 對象實例進 一切數(shù)據(jù)都是在內(nèi)存中管理 實例是如何在內(nèi)存中 指針的概 對象是如何在內(nèi)存 實例拷貝原 Function對 為什么實例含有constructor屬 原型進 原型的屬性（方法）共享理 面試題理解屬性共享理 那么問題來了？？？既然不考慮，我怎么找到這個屬（方法）呢 雙對象法 屬性是Function對象的一個屬性而 屬性搜索機制的本 屬性理 上午內(nèi)容復 對象實例進階 原型進 面向?qū)ο蟮母鞣N術(shù)語總結(jié)10分 面向?qū)ο蟮娜齻€作用進階1節(jié) 面向?qū)ο蟮娜齻€作用-封裝性進階1節(jié) 面向?qū)ο蟮娜齻€作用-數(shù)據(jù)綁定2節(jié) 復 1.13.1星座案 面向?qū)ο蠡?面向?qū)ο髮ο筮M 復單個實例：產(chǎn)品詳細信息通過工具把三個概念連在一起--聯(lián)系函數(shù)：工具----封裝細節(jié)--不需要了解內(nèi)部需要會用對象：工具包--包含多個函數(shù)（工具）框架：瀏覽器兼容裝一些常用的代碼--多個對象而已（多個工具包Jquery：選擇$(#id)$(.class)dom框架內(nèi)容：htmlCss：csshightwidthhasclassJqueryUI：tab幻燈片ES5ES6trim原型和字面 Json協(xié)議html協(xié)議實思考時間整理思路解需求寫代碼：30%思考30%測試交教學目構(gòu)造函數(shù)進構(gòu)造函數(shù)其實就是普通函萬物皆屬萬物皆變量--函數(shù)和函數(shù)表達式變量都是存在內(nèi)存中的--了解內(nèi)存-屬性的getset屬性的讀寫權(quán)私有屬性和公有屬原型進語言的發(fā)展歷1節(jié)人的發(fā)展歷程：0單細胞001010011多細胞 組織：心臟肺gan函數(shù)人：對象比如漢字數(shù)據(jù)到內(nèi)存里CPU解目標：通過語言的發(fā)展歷程體會為什么會有面向?qū)ο笳Z言，以及好高級語言的面向?qū)ο髮懛ê唵瘟藰?gòu)造函數(shù)進構(gòu)造函數(shù)和普通的區(qū)一回當時js語言不支持面向?qū)ο?。Js語言和其他語言不同的地方之一：js的對象就是用函數(shù)實現(xiàn)的使用構(gòu)造函數(shù)創(chuàng)建屬性的四種方instanceof屬性的進萬物皆屬方法從某種角度來說：一切都可以看作一個屬萬物皆變所有的數(shù)據(jù)都是通過變量來保存（管理）變量都是在內(nèi)存中varstr=varfn=varproduct=function(){}functionProduct(){}var函數(shù)和函數(shù)表達式的區(qū)函數(shù)是可以提升的，而函數(shù)表達式不可以提升當我們定義一個函數(shù)表達式，在這個表達式前面是不到的////函，變量fn以及其實現(xiàn)被提升到頂functionconsole.log('函數(shù)}//函數(shù)表達式,僅變量fn2被提升到頂部，實現(xiàn)沒有被提varfn2=console.log('函數(shù)變量形式}Getset取值置Getset用于對一個屬性進行包裝，比如Object.defineProperty(this,Object.defineProperty(this,"price",{get:function(){returnprice*0.9;},set:function(value){/*大概普通產(chǎn)品的價格都在0--1萬{alert('產(chǎn)品價格必須在0--1萬之間price=}}權(quán)設置某個屬性是否可/*/*我們的需求：自動計算打折后的價格Object.defineProperty(this,"price",,writable:屬性進階2：公有屬性和私有屬//對象構(gòu)造函//私有屬性好處全類似閉包中的函數(shù)一樣少污functionvarclassName="用戶對象";=name;//私有方varprivateFunctionfunction(){alert();//公有屬alert(className);正確接通過變量alert(this.className//undefined能這}//公有方this.publicFunction=function(){alert();//公有屬性alert(className);正確接通過變量名alert(this.className//undefined能這}}對象實例進一切數(shù)據(jù)都是在內(nèi)存中管理一切變量，包括對象都是在內(nèi)存中管理的。。。。實例是如何在內(nèi)存中任何變量都會占用內(nèi)varnum=一切數(shù)據(jù)都是通過變量管理實例也是一個變量，他也是放在內(nèi)存中的我們定義一個構(gòu)造函數(shù)是不分配內(nèi)存的，只有實例化的時候才分配內(nèi)指針的概每個內(nèi)存區(qū)域都有一個對應的地址，我們一般都是通過地址來找到這個值的就類似：門牌對象是如何在內(nèi)存在內(nèi)存中會開辟兩端區(qū)域一片區(qū)域變量名稱（地址），一段區(qū)域才實例名稱當中保存的只是地址，具體的內(nèi)容放在另一塊區(qū)域里面實例拷貝原一旦你給實例賦給了新值，就會講內(nèi)存空間替換Function對我們定義的各種數(shù)據(jù)類型的變量最終其實都是一個對varstr=varstr=newString()varsum=1;var=new同樣的，函數(shù)也是這樣所有函數(shù)其實都是Function的實constructor屬性其實就是Function對象的一個屬性而已對象其實就是一個Function的一個實例而已。。。所以構(gòu)造函數(shù)其實就是Function對象的一個實例而實例拷貝自構(gòu)造函數(shù)，所以實例含有Function對象的所有屬性和方其實constructor是構(gòu)造函數(shù)的一個隱藏屬性為什么實例含有constructor屬因為實例的屬性都是拷貝自構(gòu)造函而constructor屬性是構(gòu)造函數(shù)中的一個隱藏屬性原型的屬性（方法）共享理原型對象不管實例化多少次，都只會生成一次。其實js中本來沒有對象這個概念原型對象本質(zhì)原型對象的屬性和方法可以被所有實例共面試題理解屬性共享理那么問題來了？？？既然不考慮，我怎么找到這個屬（方法）呢屬性搜索機制先在自身的屬性列表中尋找，如果找到直接返回，如果找不到從原型中找雙對象法就是通過一個屬 （V8火狐的但是早期的微軟瀏覽器不不是通過proto來實現(xiàn)原型的。但是proto已經(jīng)成為ES5的一種標準。原型對象方原型對象屬 屬性是Function對象的一個屬性而任何一個我們編寫的函數(shù)其實都是Function對既然對象是函數(shù)實現(xiàn)的，那么對象當然也是Function的一個實例所以構(gòu)造函數(shù)含有Function對象中的一切屬性和方法而constructor屬性prototype屬性是Function對象中的屬性之而實例化的時候會拷貝構(gòu)造中的屬性和方法，自然就有了constructor屬性和prototype屬性prototype屬性：保存的就是地作用：將實例和原型對象聯(lián)系在一起屬性搜索機制的本質(zhì)就是通過這個prototype屬性中保存的地址原為什么：因為原型被所有實例共他們操作的其實是同一塊內(nèi)屬性理如果原型中和構(gòu)造函數(shù)中有相同的屬性的話第一點：你要會用屬性搜索法則尋找出屬性的鏈第二點：如果我們想原型中的被掉的屬性有兩種方法使用Ptotype.屬性或者方法名第二點第二點 /*清除烏云delete/*上午內(nèi)容復對象實例進階1：實例拷貝理2：var=new變量中保存其實只是一個地址值而已原型進原型屬性被所有實例共享理為什么：因為原型被所有實例共他們操作的其實是同一塊內(nèi)面向?qū)ο蟮母鞣N術(shù)語總Js對象其實是雙對各種術(shù)語總面向?qū)ο蟮娜齻€作用進1節(jié)面向?qū)ο蟮娜齻€作用-封裝性進封裝trim面向?qū)ο蟮娜齻€作用-數(shù)據(jù)綁定2節(jié)數(shù)據(jù)綁定：就是將返回給我們的json數(shù)據(jù)和前端的元素進行綁復進原型進描述數(shù)面向?qū)ο缶帪槭裁葱枰壎槭?/p>