面向?qū)ο蟮谄咛?2進(jìn)階

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