久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲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)前位置:首頁(yè)  >  技術(shù)干貨  > Javascript面向?qū)ο缶幊?

        Javascript面向?qū)ο缶幊?/h1>
        來(lái)源:千鋒教育
        發(fā)布人:qyf
        時(shí)間: 2022-06-29 18:03:50 1656497030

          學(xué)習(xí)js的朋友們都知道,面向?qū)ο笫亲铍y理解的一個(gè)部分,下面給大家分享一下對(duì)象object的理解,本篇文章主要分享面對(duì)對(duì)象的封裝。

        Javascript面向?qū)ο缶幊? /></a></p>
<p><strong>  一,關(guān)于實(shí)例對(duì)象的原始模式</strong></p>
<p>  首先我們知道每個(gè)物體都是一個(gè)對(duì)象,舉例來(lái)說(shuō),“狗”作為一個(gè)對(duì)象,他有“種類”和“顏色”兩個(gè)屬性。</p>
<p>  var Dog = {</p>
<p>  type : '',</p>
<p>  color: ''</p>
<p>  }</p>
<p>  然后,我們需要?jiǎng)?chuàng)建兩個(gè)實(shí)例化對(duì)象</p>
<p>  var dog1 = {</p>
<p>  type : '中華田園犬',</p>
<p>  color: '灰色'</p>
<p>  }</p>
<p>  var dog2 = {</p>
<p>  type : '秋田犬',</p>
<p>  color: '白色'</p>
<p>  }</p>
<p>  這也是最基礎(chǔ)的對(duì)象封裝,也就是把“種類”和“顏色”兩個(gè)屬性放在一個(gè)對(duì)象里面。但是問(wèn)題來(lái)了,這種寫法有兩個(gè)問(wèn)題:一是如果要生成很多個(gè)實(shí)例化對(duì)象,就需要重復(fù)很多遍,很麻煩;二是他們與原型Dog結(jié)構(gòu)很相似,但是實(shí)際上沒(méi)有建立直接的聯(lián)系。</p>
<p><strong>  二,原始模式升級(jí)</strong></p>
<p>  重復(fù)的代碼,我們可以寫一個(gè)函數(shù)來(lái)解決</p>
<p>  function Dog(type,color){</p>
<p>  return {</p>
<p>  type : type ,</p>
<p>  color : color</p>
<p>  }</p>
<p>  }</p>
<p>  接著再調(diào)用函數(shù),生成實(shí)例化對(duì)象</p>
<p>  var dog1 = Dog(

          var dog2 = Dog("秋田犬",'白色');

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

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

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

          function Dog(type,color) {

          this.type = type ;

          this.color = color ;

          }

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

          var dog1 = new Dog("中華田園犬",'灰色');

          var dog2 = new Dog("秋田犬",'白色');

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

          console.log(dog1.constructor == Dog) // true

          console.log(dog2.constructor == Dog) // true

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

          console.log(dog1 instanceof Dog) // true

          console.log(dog2 instanceof Dog) // true

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

          function Dog(type,color) {

          this.type = type ;

          this.color = color ;

          this.age = 2 ;

          this.eat = function(){

          console.log('狗吃骨頭')

          }

          }

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

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

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

          四,prototype模式

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

          function Dog(type,color) {

          this.type = type ;

          this.color = color ;

          }

          Dog.prototype.age = 2 ;

          Dog.prototype.eat = function(){

          console.log('狗吃骨頭')

          }

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

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

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

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

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

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

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

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

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

          更多關(guān)于“前端培訓(xùn)”的問(wèn)題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué),課程大綱緊跟企業(yè)需求,更科學(xué)更嚴(yán)謹(jǐn),每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時(shí)歡迎你來(lái)試聽(tīng)。

        tags:
        聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
        10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
        請(qǐng)您保持通訊暢通,專屬學(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
        什么是PlatformIo?

        PlatformIO是什么PlatformIO是一個(gè)全面的物聯(lián)網(wǎng)開(kāi)發(fā)平臺(tái),它為眾多硬件平臺(tái)和開(kāi)發(fā)環(huán)境提供了統(tǒng)一的工作流程,有效簡(jiǎn)化了開(kāi)發(fā)過(guò)程,并能兼容各種...詳情>>

        2023-10-14 12:55:06
        云快照與自動(dòng)備份有什么區(qū)別?

        1、定義和目標(biāo)不同云快照的主要目標(biāo)是提供一種快速恢復(fù)數(shù)據(jù)的方法,它只記錄在快照時(shí)間點(diǎn)后的數(shù)據(jù)變化,而不是所有的數(shù)據(jù)。自動(dòng)備份的主要目標(biāo)...詳情>>

        2023-10-14 12:48:59
        服務(wù)器為什么要用Linux?

        服務(wù)器為什么要用Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選,Linux在眾多選擇中脫穎而出。Linux作為服務(wù)器操作系統(tǒng)的優(yōu)選,有其獨(dú)特的優(yōu)勢(shì)和特點(diǎn)。包括其...詳情>>

        2023-10-14 12:34:11
        ORM解決的主要問(wèn)題是什么?

        ORM(對(duì)象關(guān)系映射)解決的主要問(wèn)題是將關(guān)系數(shù)據(jù)庫(kù)與面向?qū)ο缶幊讨g的映射困境。在傳統(tǒng)的關(guān)系數(shù)據(jù)庫(kù)中,數(shù)據(jù)以表格的形式存儲(chǔ),而在面向?qū)ο?..詳情>>

        2023-10-14 12:26:19
        Go為什么不支持三元運(yùn)算符?

        Go為什么不支持三元運(yùn)算符Go語(yǔ)言是一種以簡(jiǎn)潔和有效性為目標(biāo)的編程語(yǔ)言,因此在設(shè)計(jì)過(guò)程中,Go的設(shè)計(jì)者刻意排除了一些他們認(rèn)為可能導(dǎo)致復(fù)雜性或...詳情>>

        2023-10-14 12:12:36
        怀安县| 扎赉特旗| 辽阳市| 腾冲县| 彩票| 伊春市| 汕头市| 鹤峰县| 来凤县| 筠连县| 揭西县| 资兴市| 余姚市| 英超| 永平县| 佳木斯市| 通辽市| 武平县| 红安县| 永仁县| 玛沁县| 巴马| 景谷| 永年县| 唐山市| 新竹市| 收藏| 西充县| 贺州市| 常德市| 安泽县| 略阳县| 新化县| 库伦旗| 资中县| 东港市| 姚安县| 清徐县| 菏泽市| 株洲县| 象州县|