日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

JS創(chuàng)建對(duì)象幾種不同方法詳解

瀏覽:192日期:2024-05-27 11:02:03
 1、工廠模式

弊端:沒有解決對(duì)象的識(shí)別問題,即怎么知道一個(gè)對(duì)象的類型。

JS創(chuàng)建對(duì)象幾種不同方法詳解

 2、構(gòu)造函數(shù)模式

JS創(chuàng)建對(duì)象幾種不同方法詳解

與工廠模式相比:

1、沒有顯式的創(chuàng)建對(duì)象

2、直接將屬性和方法賦給了this對(duì)象

3、沒有return語(yǔ)句

要?jiǎng)?chuàng)建person的實(shí)例,必須使用new操作符,以這種方式調(diào)用構(gòu)造函數(shù)實(shí)際上會(huì)經(jīng)歷4個(gè)步驟:

1、創(chuàng)建一個(gè)新對(duì)象

2、將構(gòu)造函數(shù)的作用域賦給新對(duì)象

3、執(zhí)行構(gòu)造函數(shù)中的代碼

4、返回新對(duì)象

創(chuàng)建自定義的構(gòu)造函數(shù)可以將它的實(shí)例標(biāo)識(shí)為一種特定的類型。

構(gòu)造函數(shù)的缺點(diǎn):

每個(gè)方法都有在每個(gè)實(shí)例上重新創(chuàng)建一遍。person1和person2都有一個(gè)sayName()的方法,但兩個(gè)方法不是同一個(gè)Function實(shí)例。不同實(shí)例上的同名函數(shù)是不相等的。

創(chuàng)建兩個(gè)完成同樣任務(wù)的Function實(shí)例沒有必要,而且還有this對(duì)象在,不需要在執(zhí)行代碼前就把函數(shù)綁定在特定對(duì)象上,可以像下面這樣。

JS創(chuàng)建對(duì)象幾種不同方法詳解

把sayName屬性設(shè)置成全局的sayName函數(shù),這樣,由于sayName包含的是一個(gè)指向函數(shù)的指針,因此person1和person2對(duì)象就共享了同一個(gè)函數(shù)。

但是,如果對(duì)象需要定義很多方法,那么就要定義很多全局函數(shù),自定義的引用類型也沒有封裝可言了。為了解決上述問題,引入原型模式。

 3、原型模式

理解原型對(duì)象

我們創(chuàng)建的每個(gè)函數(shù)都有一個(gè)prototype屬性,這個(gè)屬性是一個(gè)指針,指向一個(gè)對(duì)象,而這個(gè)對(duì)象的用途是包含可以由特定類型的所有實(shí)例共享的屬性和方法。prototype是通過調(diào)用構(gòu)造函數(shù)而創(chuàng)建的那個(gè)對(duì)象實(shí)例的對(duì)象原型,使用原型對(duì)象的好處是可以讓所有對(duì)象實(shí)例共享它所包含的屬性和方法。

JS創(chuàng)建對(duì)象幾種不同方法詳解

首先,解析器會(huì)問實(shí)例person1是否有name屬性,如果有,就返回。

如果沒有,就繼續(xù)去person1的原型中搜索name屬性,如果有就返回。

如果沒有,再繼續(xù)向person1的原型的原型中搜索。

JS創(chuàng)建對(duì)象幾種不同方法詳解

isPrototypeOf()確定實(shí)例和原型對(duì)象之間的關(guān)聯(lián)

console.log(Person.prototype.isPrototypeOf(person1)); //true

Object.getPrototypeOf()返回的是[[prototype]]的值

console.log(Object.getPrototypeOf(person1));

//Person {name: “Yvette”, age: 26, job: “engineer”} 返回的是Person的原型對(duì)象。

console.log(Object.getPrototypeOf(person1) === Person.prototype)//true

console.log(Object.getPrototypeOf(person1).name);//”Yvette”

hasOwnProperty()方法可以檢測(cè)一個(gè)屬性是存在于實(shí)例中,還是存在于原型中,只有給定屬性存在于實(shí)例中,才會(huì)返回true。

console.log(person1.hasOwnProperty(“name”));//false

原型與in操作符

有兩種方式使用in操作符:?jiǎn)为?dú)使用和在for-in循環(huán)中使用。單獨(dú)使用時(shí),in操作符會(huì)在通過對(duì)象能夠訪問給定屬性時(shí)返回true,無論該屬性在于實(shí)例中還是原型中。

使用for in循環(huán),返回的是所有能夠通過對(duì)象訪問的、可枚舉的屬性,其中既包括實(shí)例中的屬性,也包括存在于原型中的屬性。如果實(shí)例中的屬性屏蔽了原型中不可枚舉的屬性,那么也會(huì)返回。IE9之前的版本實(shí)現(xiàn)上有一個(gè)Bug,屏蔽不可枚舉屬性的實(shí)例屬性不會(huì)在for-in中返回。

JS創(chuàng)建對(duì)象幾種不同方法詳解

在IE9之前的吧按本中沒有l(wèi)og信息。盡管person實(shí)例中的toString()方法屏蔽了原型中的不可 枚舉的toString();

原型簡(jiǎn)寫

JS創(chuàng)建對(duì)象幾種不同方法詳解

這導(dǎo)致了person1.constructor不再指向Person,而是指向了Object。如果constructor很重要,則需要特意將其設(shè)為適當(dāng)?shù)闹担纾?/p>

JS創(chuàng)建對(duì)象幾種不同方法詳解

但是這種方式會(huì)導(dǎo)致constructor屬性變成可枚舉。

如果想設(shè)置為不可枚舉的(默認(rèn)不可枚舉),可以使用

Object.defineProperty(Person.prototype, “constructor”, {enumerable: false,value: Person});

原型的動(dòng)態(tài)性

由于在原型中查找值的過程是一次搜索,因此我們對(duì)原型對(duì)象所做的任何修改都能夠立即從實(shí)例上反映出來。

如果重寫整個(gè)原型對(duì)象,情況就不一樣了。調(diào)用構(gòu)造函數(shù)時(shí)會(huì)為實(shí)例添加一個(gè)指向最初原型的[[prototype]]指針,而把原型修改為另外一個(gè)對(duì)象就等于切斷了構(gòu)造函數(shù)與最初原型之間的聯(lián)系。實(shí)例中的指針僅指向原型,而不指向構(gòu)造函數(shù)。

JS創(chuàng)建對(duì)象幾種不同方法詳解

person.prototype指向的是原本的原型對(duì)象,而不會(huì)指向新的原型對(duì)象。

原型對(duì)象的問題

原型模式最大問題是由其共享的本性所導(dǎo)致的。

對(duì)于包含引用類型值的屬性來說,問題較為突出

JS創(chuàng)建對(duì)象幾種不同方法詳解

本意只想修改person1的friends,但是卻導(dǎo)致person2的friends屬性值也改變了。因此我們很少單獨(dú)使用原型模式。

 4、組合使用構(gòu)造模式和原型模式

創(chuàng)建自定義類型的最常用的方式,就是組合使用構(gòu)造函數(shù)模式與原型模式。構(gòu)造函數(shù)模式用于定義實(shí)例屬性,原型模式用于定義方法和共享的屬性,這樣每個(gè)實(shí)例都有自己的一份實(shí)例屬性的副本,又同時(shí)共享著對(duì)方法的引用,最大限度的節(jié)省了內(nèi)存。

JS創(chuàng)建對(duì)象幾種不同方法詳解

除了以上幾種方式以外,另外還有動(dòng)態(tài)原型模式,寄生構(gòu)造模式和穩(wěn)妥構(gòu)造模式,但是鑒于使用頻率較低,不再贅述。

標(biāo)簽: JavaScript
相關(guān)文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
久久精品97| 91伊人久久| 欧美日一区二区三区在线观看国产免 | 日韩影院在线观看| 激情婷婷综合| 中文字幕在线看片| 久久福利在线| 欧美黄色精品| 欧美日韩国产一区二区在线观看| 亚洲一二三区视频| 亚洲精品大全| 欧美日韩伊人| 精品深夜福利视频| 日韩欧美精品| 欧美日韩一二| 综合视频一区| 国产日韩高清一区二区三区在线 | 国产剧情在线观看一区| 国产日韩在线观看视频| 免费精品一区| 涩涩av在线| 亚洲在线观看| 91嫩草精品| 精品国产亚洲一区二区三区| 日韩欧美精品一区| 日韩视频一区| 亚洲2区在线| 国产精品2区| 性欧美xxxx免费岛国不卡电影| 免费在线看一区| 国产激情一区| 一区在线免费| 欧美国产专区| 欧美日韩日本国产亚洲在线| 久久精品99国产精品| 久久人人99| 麻豆国产精品777777在线| 蜜桃成人av| 国际精品欧美精品| 亚洲综合色婷婷在线观看| 成人亚洲欧美| 日韩精品一二三区| 中文字幕在线免费观看视频| 日韩精品一二三| av高清不卡| 日韩国产91| 日韩视频在线一区二区三区| 捆绑调教美女网站视频一区| 国产精品嫩草99av在线| 亚洲人成在线网站| 国产精品探花在线观看| 午夜在线视频一区二区区别| а√天堂中文在线资源8| 69堂精品视频在线播放| 亚洲免费在线| 欧美日韩国产一区二区三区不卡 | 日韩黄色大片网站| 国产日韩欧美一区在线| 视频在线观看91| 欧美日韩一区二区综合| 九九色在线视频| 麻豆精品在线视频| 911亚洲精品| 日韩精品免费一区二区夜夜嗨| 欧美日韩日本国产亚洲在线| 亚洲午夜天堂| 天堂av在线| 亚洲天堂一区二区| 丝袜美腿诱惑一区二区三区| 久草免费在线视频| 国产一区二区三区久久久久久久久| 国产精品中文| 老牛国内精品亚洲成av人片 | 亚洲精品一区二区在线看| 在线日韩欧美| 伊人久久亚洲热| 国产亚洲精品久久久久婷婷瑜伽| 久久精品导航| 亚洲一区二区动漫| 久久在线电影| 亚洲图片久久| 婷婷综合福利| 国产区精品区| 精品一区二区男人吃奶 | 国产高潮在线| 欧美午夜不卡| 午夜性色一区二区三区免费视频| 日韩精品福利一区二区三区| 青草久久视频| 超级白嫩亚洲国产第一| 日韩电影免费网址| 亚洲网站视频| 亚洲精品乱码久久久久久蜜桃麻豆 | 999国产精品视频| 免费视频久久| 国产图片一区| 日韩精品水蜜桃| 亚洲人成亚洲精品| 久久亚洲精精品中文字幕| 日韩中文首页| 最新亚洲国产| 一区二区三区四区日本视频| 亚洲激情精品| 麻豆高清免费国产一区| 激情欧美丁香| 国产精品最新| 日韩一区欧美二区| 电影亚洲精品噜噜在线观看| 亚洲欧美专区| 欧美午夜精彩| 激情综合婷婷| 丝袜亚洲另类欧美| 国产成人精品一区二区免费看京| 欧美日韩国产高清电影| 久久久久久亚洲精品美女| 99亚洲精品| 麻豆成全视频免费观看在线看| 视频一区二区三区中文字幕| 久草免费在线视频| 国产三级精品三级在线观看国产| 国产aa精品| 欧美一级久久| 日本不卡中文字幕| 久久亚洲风情| 亚洲精品极品少妇16p| 久久电影tv| 国产美女高潮在线| 美女精品一区二区| 国产精品三p一区二区| 7777精品| 国产亚洲精品美女久久| 欧美日韩国产一区二区在线观看| 亚洲一区国产一区| 日韩视频中文| 麻豆久久精品| 久久五月天小说| 美女网站一区| 西西人体一区二区| 蜜臀a∨国产成人精品| 免费国产亚洲视频| 亚洲精品国产精品粉嫩| 老牛国产精品一区的观看方式| 欧美天堂亚洲电影院在线观看| 免费不卡中文字幕在线| 亚洲精品a级片| 免费视频一区二区| 欧美午夜网站| 成人在线免费观看91| 亚洲精品国产嫩草在线观看 | 亚洲午夜黄色| 天堂av在线一区| 国产日韩在线观看视频| 老牛国内精品亚洲成av人片| 青青青免费在线视频| 午夜在线精品偷拍| 国产精品videossex| 日韩电影在线视频| 免费高清在线一区| 国产精品麻豆成人av电影艾秋 | 国产毛片一区二区三区| 92国产精品| 欧美专区18| 风间由美中文字幕在线看视频国产欧美| av在线最新| 人人爽香蕉精品| 精品视频自拍| 亚洲深夜av| 久久不见久久见免费视频7| 久久天堂av| 日韩av影院| 蜜桃国内精品久久久久软件9| 欧美一区网站| 99国产精品视频免费观看一公开 | 婷婷五月色综合香五月| 国产精品qvod| 91成人网在线观看| 精品视频网站| 一区二区国产在线| 日本一区二区免费高清| 最新国产精品| 香蕉人人精品| 国产一区二区亚洲| 日韩精品一级| 欧美女激情福利| 国产+成+人+亚洲欧洲在线| 日韩国产欧美三级| 国产视频久久| jiujiure精品视频播放| av资源亚洲| 色婷婷亚洲mv天堂mv在影片| 国产日韩欧美一区二区三区| 亚洲综合电影一区二区三区| 99久久亚洲精品蜜臀| 国产成人久久精品一区二区三区| 欧美一区自拍| 日韩二区在线观看| 日韩精品久久久久久| 亚洲色图国产| 日本亚州欧洲精品不卡| 天堂va蜜桃一区二区三区|