国产睡熟迷奷白丝护士系列精品,中文色字幕网站,免费h网站在线观看的,亚洲开心激情在线

      <sup id="hb9fh"></sup>
          1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構

            手機站
            千鋒教育

            千鋒學習站 | 隨時隨地免費學

            千鋒教育

            掃一掃進入千鋒手機站

            領取全套視頻
            千鋒教育

            關注千鋒學習站小程序
            隨時隨地免費學習課程

            當前位置:首頁  >  技術干貨  > Javascript面向?qū)ο缶幊?

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

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

            Javascript面向?qū)ο缶幊? /></a></p>
<p><strong>  一,關于實例對象的原始模式</strong></p>
<p>  首先我們知道每個物體都是一個對象,舉例來說,“狗”作為一個對象,他有“種類”和“顏色”兩個屬性。</p>
<p>  var Dog = {</p>
<p>  type : '',</p>
<p>  color: ''</p>
<p>  }</p>
<p>  然后,我們需要創(chuàng)建兩個實例化對象</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>  這也是最基礎的對象封裝,也就是把“種類”和“顏色”兩個屬性放在一個對象里面。但是問題來了,這種寫法有兩個問題:一是如果要生成很多個實例化對象,就需要重復很多遍,很麻煩;二是他們與原型Dog結構很相似,但是實際上沒有建立直接的聯(lián)系。</p>
<p><strong>  二,原始模式升級</strong></p>
<p>  重復的代碼,我們可以寫一個函數(shù)來解決</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ù),生成實例化對象</p>
<p>  var dog1 = Dog(

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

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

              三,構造函數(shù)

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

              function Dog(type,color) {

              this.type = type ;

              this.color = color ;

              }

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

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

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

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

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

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

              當然,js還有另一個運算符 instanceof,可以驗證原型對象與實例化對象之間的關系。

              console.log(dog1 instanceof Dog) // true

              console.log(dog2 instanceof Dog) // true

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

              function Dog(type,color) {

              this.type = type ;

              this.color = color ;

              this.age = 2 ;

              this.eat = function(){

              console.log('狗吃骨頭')

              }

              }

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

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

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

              四,prototype模式

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

              function Dog(type,color) {

              this.type = type ;

              this.color = color ;

              }

              Dog.prototype.age = 2 ;

              Dog.prototype.eat = function(){

              console.log('狗吃骨頭')

              }

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

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

              當然為了驗證這一問題,js定義了一些輔助屬性。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            Go為什么不支持三元運算符Go語言是一種以簡潔和有效性為目標的編程語言,因此在設計過程中,Go的設計者刻意排除了一些他們認為可能導致復雜性或...詳情>>

            2023-10-14 12:12:36