久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

    1. <style id="76ofp"></style>

      <style id="76ofp"></style>
      <rt id="76ofp"></rt>
      <form id="76ofp"><optgroup id="76ofp"></optgroup></form>
      1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

        手機(jī)站
        千鋒教育

        千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

        千鋒教育

        掃一掃進(jìn)入千鋒手機(jī)站

        領(lǐng)取全套視頻
        千鋒教育

        關(guān)注千鋒學(xué)習(xí)站小程序
        隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

        當(dāng)前位置:首頁  >  技術(shù)干貨  > 前端技巧|JavaScript面向?qū)ο缶幊汤斫?

        前端技巧|JavaScript面向?qū)ο缶幊汤斫?/h1>
        來源:千鋒教育
        發(fā)布人:小千
        時(shí)間: 2021-03-31 09:27:00 1617154020

              對編程有了解的同學(xué)都知道,面向?qū)ο笫且粋€(gè)非常難以理解的概念,下面給大家分享一下對象object的理解,本篇文章主要分享面對對象的封裝。當(dāng)然現(xiàn)實(shí)生活中面向?qū)ο笠餐﹄y的,哈哈哈~

              一,關(guān)于實(shí)例對象的原始模式

              首先我們知道每個(gè)物體都是一個(gè)對象,舉例來說,“狗”作為一個(gè)對象,他有“種類”和“顏色”兩個(gè)屬性。

        1

              然后,我們需要創(chuàng)建兩個(gè)實(shí)例化對象

        2

              這也是最基礎(chǔ)的對象封裝,也就是把“種類”和“顏色”兩個(gè)屬性放在一個(gè)對象里面。但是問題來了,這種寫法有兩個(gè)問題:一是如果要生成很多個(gè)實(shí)例化對象,就需要重復(fù)很多遍,很麻煩;二是他們與原型Dog結(jié)構(gòu)很相似,但是實(shí)際上沒有建立直接的聯(lián)系。

              二,原始模式升級

              重復(fù)的代碼,我們可以寫一個(gè)函數(shù)來解決

        3

              接著再調(diào)用函數(shù),生成實(shí)例化對象

        4

              這種方法可以解決生成多個(gè)實(shí)例化對象代碼復(fù)雜的問題,但是dog1和dog2之間沒有產(chǎn)生關(guān)聯(lián),也就是依然沒有體現(xiàn)出他們其實(shí)是原型對象Dog的實(shí)例。

              三,構(gòu)造函數(shù)

              為了解決讓實(shí)例化對象需要從原型對象生成的問題,js提供了構(gòu)造函數(shù)這樣一個(gè)概念。當(dāng)然其實(shí)構(gòu)造函數(shù)本質(zhì)上也就是一個(gè)普通函數(shù),只不過函數(shù)內(nèi)部使用了this,為了區(qū)分于普通函數(shù),我們一般對構(gòu)造函數(shù)首字母大寫,具體代碼如下:

        5

              有了這個(gè)構(gòu)造函數(shù),我們就可以生成實(shí)例化對象了,具體代碼如下:

        6

              這里我們可以看到關(guān)鍵字new , 也就是實(shí)際上Dog是一個(gè)對象,dog1和dog2是Dog這個(gè)對象的實(shí)例化對象;為了驗(yàn)證這一點(diǎn),js提供了一個(gè)屬性constructor,此屬性用于指向他們的構(gòu)造函數(shù)

        7

              當(dāng)然,js還有另一個(gè)運(yùn)算符 instanceof,可以驗(yàn)證原型對象與實(shí)例化對象之間的關(guān)系。

        8

              到構(gòu)造函數(shù)這里看似已經(jīng)很完美了,但是,這里存在一個(gè)很大的弊端,也就是內(nèi)存浪費(fèi)。舉例來說,我們現(xiàn)在給Dog對象添加一個(gè)不變的屬性和方法如下:

        9

              當(dāng)然這里生成實(shí)例化方法也還是一樣的,但是這里會有一個(gè)很大的問題:也就是我們會發(fā)現(xiàn)age屬性和eat()方法明明是一模一樣的內(nèi)容,但是由于每次生成實(shí)例化對象時(shí),都會生成同樣的內(nèi)容,多造成內(nèi)存浪費(fèi)。

              console.log(dog1.eat == dog2.eat); // false

              如果能讓age和eat()在內(nèi)存中只生成一次,讓實(shí)例化對象指向同一個(gè)內(nèi)存地址就更完美了。

              四,prototype模式

              js為每一個(gè)構(gòu)造函數(shù)都提供了一個(gè)prototype屬性,讓他指向另一個(gè)對象,而這個(gè)對象的所有屬性和方法都會被構(gòu)造函數(shù)的實(shí)例對象繼承。這也就意味著,只要我們把那些不變的屬性和方法定義在prototype對象上即可。

        10

              接著再生成實(shí)例,此時(shí),所有實(shí)例的age個(gè)eat()方法都會指向同一個(gè)內(nèi)存地址,也就是prototype對象,這樣也就避免了內(nèi)存浪費(fèi)問題,從而提供運(yùn)行效率。

              console.log(dog1.eat == dog2.eat); // true

              當(dāng)然為了驗(yàn)證這一問題,js定義了一些輔助屬性。

              1. isPrototypeOf() , 此方法用于驗(yàn)證prototype對象和實(shí)例化對象之間的關(guān)聯(lián)

              console.log(Dog.prototype.isPrototypeOf(dog1)); // true

              console.log(Dog.prototype.isPrototypeOf(dog2)); // true

              2. HasOwnProperty() , 每個(gè)實(shí)例化對象都有此方法,顧名思義,這個(gè)方法是用于驗(yàn)證屬性是自有的還是繼承自prototype對象的 ; 這里很顯然type是自有屬性,而age是繼承自prototype對象。

              console.log(dog1.hasOwnProperty('type')) // true

              console.log(dog1.hasOwnProperty('age')) // false

              最后想學(xué)習(xí)學(xué)習(xí)web前端的同學(xué),可以參考千鋒web前端培訓(xùn)班提供的web前端學(xué)習(xí)路線,該學(xué)習(xí)路線對從零基礎(chǔ)小白到web前端初級開發(fā)工程師,web前端高級開發(fā)工程師,后面的web前端大神級開發(fā)工程師都有一個(gè)明確清晰的指導(dǎo),根據(jù)千鋒web前端培訓(xùn)機(jī)構(gòu)提供的web前端學(xué)習(xí)路線圖可以讓你對學(xué)習(xí)web前端開發(fā)需要掌握的知識有個(gè)清晰的了解,并快速入門web前端開發(fā)。想要獲取前端完整學(xué)習(xí)路線和免費(fèi)的學(xué)習(xí)資料可以添加我們的web前端技術(shù)分享交流qq群:857920838  加群找群管理領(lǐng)取即可,等你來哦~~

        tags:
        聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
        10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
        請您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
        免費(fèi)領(lǐng)取
        今日已有369人領(lǐng)取成功
        劉同學(xué) 138****2860 剛剛成功領(lǐng)取
        王同學(xué) 131****2015 剛剛成功領(lǐng)取
        張同學(xué) 133****4652 剛剛成功領(lǐng)取
        李同學(xué) 135****8607 剛剛成功領(lǐng)取
        楊同學(xué) 132****5667 剛剛成功領(lǐng)取
        岳同學(xué) 134****6652 剛剛成功領(lǐng)取
        梁同學(xué) 157****2950 剛剛成功領(lǐng)取
        劉同學(xué) 189****1015 剛剛成功領(lǐng)取
        張同學(xué) 155****4678 剛剛成功領(lǐng)取
        鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
        董同學(xué) 138****2867 剛剛成功領(lǐng)取
        周同學(xué) 136****3602 剛剛成功領(lǐng)取
        相關(guān)推薦HOT
        為什么微服務(wù)一定要上Docker?

        為什么微服務(wù)一定要上Docker微服務(wù)作為一種軟件架構(gòu)模式,需要考慮的因素包括服務(wù)的獨(dú)立性、可擴(kuò)展性、可維護(hù)性和可移植性等。這其中,Docker的...詳情>>

        2023-10-14 03:15:33
        C++的traits技術(shù)到底是什么?

        在C++編程中,traits是一種編程技巧,其主要目的是在編譯時(shí)提供關(guān)于類型的額外信息。它可以將類型的一些特性(如其關(guān)聯(lián)類型、屬性、函數(shù)等)抽...詳情>>

        2023-10-14 03:00:03
        汽車行業(yè)什么工作會用到MATLAB?

        MATLAB在汽車行業(yè)的應(yīng)用MATLAB是一種用于算法開發(fā)、數(shù)據(jù)可視化、數(shù)據(jù)分析和數(shù)值計(jì)算的高級語言和交互式環(huán)境。在汽車行業(yè)中,MATLAB的應(yīng)用非常廣...詳情>>

        2023-10-14 02:45:08
        紅帽RHEL8和7有什么區(qū)別?

        一、軟件包管理器的區(qū)別軟件包管理器是操作系統(tǒng)中管理軟件包的工具,RHEL 8和7在軟件包管理器方面有一些重要的區(qū)別:RHEL 8采用了新的軟件包管...詳情>>

        2023-10-14 02:41:24
        什么是軟件即服務(wù)(SaaS)?

        一、軟件即服務(wù)(SaaS)的定義軟件即服務(wù)(SaaS)是一種基于云計(jì)算的軟件交付模式,用戶可以通過訂閱或按需使用這些應(yīng)用程序。在傳統(tǒng)模式下,軟...詳情>>

        2023-10-14 02:39:43
        鄯善县| 桂平市| 那坡县| 永寿县| 墨竹工卡县| 祁门县| 郎溪县| 绥滨县| 正镶白旗| 杭锦后旗| 大理市| 界首市| 阿尔山市| 宾川县| 莱州市| 成武县| 金川县| 红安县| 镇原县| 葵青区| 西乌珠穆沁旗| 惠安县| 黎城县| 安化县| 五寨县| 沿河| 和静县| 中方县| 无棣县| 英德市| 广德县| 钟祥市| 镇坪县| 中西区| 清涧县| 介休市| 津南区| 秀山| 兰州市| 绥中县| 徐闻县|