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

您的位置:首頁技術文章
文章詳情頁

JS創建對象幾種不同方法詳解

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

弊端:沒有解決對象的識別問題,即怎么知道一個對象的類型。

JS創建對象幾種不同方法詳解

 2、構造函數模式

JS創建對象幾種不同方法詳解

與工廠模式相比:

1、沒有顯式的創建對象

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

3、沒有return語句

要創建person的實例,必須使用new操作符,以這種方式調用構造函數實際上會經歷4個步驟:

1、創建一個新對象

2、將構造函數的作用域賦給新對象

3、執行構造函數中的代碼

4、返回新對象

創建自定義的構造函數可以將它的實例標識為一種特定的類型。

構造函數的缺點:

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

創建兩個完成同樣任務的Function實例沒有必要,而且還有this對象在,不需要在執行代碼前就把函數綁定在特定對象上,可以像下面這樣。

JS創建對象幾種不同方法詳解

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

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

 3、原型模式

理解原型對象

我們創建的每個函數都有一個prototype屬性,這個屬性是一個指針,指向一個對象,而這個對象的用途是包含可以由特定類型的所有實例共享的屬性和方法。prototype是通過調用構造函數而創建的那個對象實例的對象原型,使用原型對象的好處是可以讓所有對象實例共享它所包含的屬性和方法。

JS創建對象幾種不同方法詳解

首先,解析器會問實例person1是否有name屬性,如果有,就返回。

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

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

JS創建對象幾種不同方法詳解

isPrototypeOf()確定實例和原型對象之間的關聯

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

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

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

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

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

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

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

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

原型與in操作符

有兩種方式使用in操作符:單獨使用和在for-in循環中使用。單獨使用時,in操作符會在通過對象能夠訪問給定屬性時返回true,無論該屬性在于實例中還是原型中。

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

JS創建對象幾種不同方法詳解

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

原型簡寫

JS創建對象幾種不同方法詳解

這導致了person1.constructor不再指向Person,而是指向了Object。如果constructor很重要,則需要特意將其設為適當的值,如:

JS創建對象幾種不同方法詳解

但是這種方式會導致constructor屬性變成可枚舉。

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

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

原型的動態性

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

如果重寫整個原型對象,情況就不一樣了。調用構造函數時會為實例添加一個指向最初原型的[[prototype]]指針,而把原型修改為另外一個對象就等于切斷了構造函數與最初原型之間的聯系。實例中的指針僅指向原型,而不指向構造函數。

JS創建對象幾種不同方法詳解

person.prototype指向的是原本的原型對象,而不會指向新的原型對象。

原型對象的問題

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

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

JS創建對象幾種不同方法詳解

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

 4、組合使用構造模式和原型模式

創建自定義類型的最常用的方式,就是組合使用構造函數模式與原型模式。構造函數模式用于定義實例屬性,原型模式用于定義方法和共享的屬性,這樣每個實例都有自己的一份實例屬性的副本,又同時共享著對方法的引用,最大限度的節省了內存。

JS創建對象幾種不同方法詳解

除了以上幾種方式以外,另外還有動態原型模式,寄生構造模式和穩妥構造模式,但是鑒于使用頻率較低,不再贅述。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
日韩亚洲国产欧美| 日韩一区电影| 日韩中文字幕区一区有砖一区 | 国产在线成人| 中文字幕系列一区| 国产99亚洲| 99成人在线| 蜜桃久久久久久| 日韩一区二区三区精品视频第3页| 日本vs亚洲vs韩国一区三区二区| 亚州国产精品| 国产精品久久久久久av公交车| 国产精品欧美三级在线观看 | 久久精品国产久精国产爱| 久久精品国产久精国产爱| 成人国产综合| 久久婷婷激情| 国产精品美女久久久浪潮软件| 亚洲一区不卡| 日韩激情一二三区| 久久不卡国产精品一区二区| 91亚洲一区| 在线国产一区| 天堂va欧美ⅴa亚洲va一国产| 欧美日韩一区二区三区不卡视频 | 麻豆免费精品视频| 国产精品va视频| 91亚洲人成网污www| 久久久精品久久久久久96| 久久国产精品久久w女人spa| 日本在线成人| 精品视频自拍| 久久网站免费观看| 中文字幕免费精品| 久久久免费人体| 一区二区精品伦理...| 亚洲国产一区二区在线观看 | 9色国产精品| 亚洲九九精品| 首页国产精品| 视频一区二区中文字幕| 久久99久久人婷婷精品综合| 91精品国产乱码久久久久久久| 亚洲小说春色综合另类电影| 久久久免费人体| 宅男在线一区| 欧美久久精品| 久久免费国产| 日韩精品视频中文字幕| 精品久久不卡| 午夜久久美女| 国产日韩欧美高清免费| 97精品97| 中文字幕亚洲在线观看| 国内自拍视频一区二区三区| 91九色精品国产一区二区| 97精品久久| 久久中文字幕二区| 欧美日本不卡| 国产精品91一区二区三区| 国产日韩免费| 亚洲一区二区免费看| 成人午夜网址| 日韩欧美精品一区二区综合视频| 国产在线看片免费视频在线观看| 日韩精品一级中文字幕精品视频免费观看 | 高清av一区二区三区| 日韩欧美中文字幕电影| 99精品电影| 麻豆精品视频在线观看| 蜜桃久久av一区| 欧美日韩国产v| 国产日韩一区| 亚洲欧美成人综合| 日韩在线不卡| 你懂的亚洲视频| 亚洲精品伊人| 国产91精品对白在线播放| 国产福利一区二区三区在线播放| 蜜臀va亚洲va欧美va天堂| 日韩在线二区| 丁香婷婷久久| 国产精品亚洲一区二区在线观看| 国产婷婷精品| 99精品在线| 水蜜桃久久夜色精品一区| 青青草91视频| 综合国产在线| 尹人成人综合网| 水蜜桃精品av一区二区| 国产探花一区在线观看| 美女被久久久| 怡红院精品视频在线观看极品| 日本午夜大片a在线观看| 国产精品99久久久久久董美香| 蜜桃免费网站一区二区三区| 亚洲成人日韩| av在线日韩| 麻豆成全视频免费观看在线看| 国产精品高清一区二区| 97久久超碰| 日韩精品91亚洲二区在线观看| 亚洲一区二区成人| 国产99久久| 亚洲v在线看| 欧美精品资源| 三级精品视频| av高清一区| 久久夜夜操妹子| 日韩在线二区| 色88888久久久久久影院| 日韩天堂在线| 亚洲va中文在线播放免费| 91亚洲国产高清| 国产精品yjizz视频网| 水蜜桃精品av一区二区| 四虎成人av| 日韩一区三区| 久久精品动漫| 综合日韩av| 中文字幕成在线观看| 黑森林国产精品av| 日韩国产欧美| 日韩精品首页| 美女亚洲一区| 夜久久久久久| 亚洲综合欧美| 天堂av一区| 欧美日韩一区二区三区四区在线观看| 日韩高清电影一区| 婷婷视频一区二区三区| 欧美视频二区| 久久精品二区亚洲w码| 国产一区二区三区四区五区| 免费一级欧美片在线观看网站| 久久av免费看| bbw在线视频| 亚洲第一精品影视| 国产精品毛片| 欧美一级网址| 精品亚洲二区| 99久久亚洲精品蜜臀| 亚洲一区二区动漫| 日本va欧美va精品| 精品一区二区三区免费看| 日本蜜桃在线观看视频| 国产一区日韩一区| 免费人成黄页网站在线一区二区 | 亚洲综合丁香| 久久精品导航| 91久久在线| 亚洲欧洲av| 国产精品magnet| 日韩一区欧美| 99国产一区| 日本va欧美va精品发布| 久久一区视频| 五月天久久网站| 蜜桃视频第一区免费观看| 青青草91视频| 亚洲精品**中文毛片| 欧洲激情综合| 免费在线观看成人| 日本在线不卡视频| 国语精品一区| 亚洲激情中文在线| 日韩av一区二区三区四区| 国产一区二区三区成人欧美日韩在线观看| 亚洲综合在线电影| 亚洲美女91| 国产精品伦理久久久久久| 不卡视频在线| 国产日产一区| 国产黄大片在线观看| 亚洲欧美高清| 欧美激情福利| 午夜影院欧美| 日韩欧美一区二区三区在线视频| 日韩亚洲国产欧美| 麻豆免费精品视频| 99热精品在线| 久久精品毛片| 蜜臀久久久久久久| yellow在线观看网址| 亚洲三级av| 四虎4545www国产精品| 久久黄色影视| 亚洲美洲欧洲综合国产一区| 久久中文字幕一区二区三区| 日韩视频一区| 精品中国亚洲| 老鸭窝亚洲一区二区三区| 麻豆中文一区二区| 亚洲黄页一区| 风间由美中文字幕在线看视频国产欧美 | 精品久久精品| 一区二区国产在线| 欧美精品资源| 国产精品xxx| 在线免费观看亚洲|