javascript
《JS权威指南学习总结--6.1原型》
內(nèi)容要點(diǎn):
一.每一個(gè)JS對(duì)象(null除外)都和另一個(gè)對(duì)象相關(guān)聯(lián)。"另一個(gè)"對(duì)象就是我們熟知的原型,每一個(gè)對(duì)象都從原型繼承屬性.
二.所有通過(guò)對(duì)象直接量創(chuàng)建的對(duì)象都具有同一個(gè)原型對(duì)象,并可以通過(guò)JS代碼Object.prototype獲得對(duì)原型對(duì)象的引用。
三.通過(guò)關(guān)鍵字new和構(gòu)造函數(shù)調(diào)用創(chuàng)建的對(duì)象的 原型 就是 構(gòu)造函數(shù)的prototype屬性 的值。(見(jiàn)例9-2)
四.使用{}創(chuàng)建對(duì)象一樣,通過(guò)new Object()創(chuàng)建的對(duì)象也繼承自O(shè)bject.prototype.
?????? 同樣,通過(guò)new Array()創(chuàng)建的 實(shí)例對(duì)象的原型 就是Array.prototype, (Array,Date等都是JS內(nèi)部構(gòu)造函數(shù))
?????????????? 通過(guò)new Date()創(chuàng)建的 實(shí)例對(duì)象的原型 就是Date.prototype.
五.
?? 沒(méi)有原型的對(duì)象為數(shù)不多,Object.prototype就是其中之一。它不繼承任何屬性。其他原型對(duì)象都是普通對(duì)象,普通對(duì)象都具有原型。
?? 所有的內(nèi)置構(gòu)造函數(shù)(以及大部分自定義的構(gòu)造函數(shù))都具有一個(gè)繼承自O(shè)bject.prototype的原型。
??? 例如:
?????? Date.prototype的屬性繼承自O(shè)bject.prototype,因此new Date()創(chuàng)建的Date對(duì)象的屬性同時(shí)繼承自Date.prototype和Object.prototype.
??? ?? 這一系列鏈接的原型對(duì)象就是所謂的"原型鏈"。
六.Object.create()
???? 1.ECMAScript5定義了一個(gè)名為Object.create()的方法,它創(chuàng)建了一個(gè)新對(duì)象,其中第一個(gè)參數(shù)是這個(gè)對(duì)象的原型。Object.create()提供第二個(gè)可選參數(shù),用以對(duì)對(duì)象的屬性進(jìn)行進(jìn)一步描述.
???? 2.
????????? var o1=Object.create({x:1,y:2}); //o1繼承了屬性x和y
????????? var o2=Object.create(null); //o2不繼承任何屬性和方法
????????? var o3=Object.create(Object.prototype); //o3和{}和new Object()一樣 可以通過(guò)任意原型創(chuàng)建新對(duì)象(換句話說(shuō),可以使任意對(duì)象可繼承);
????? 3.通過(guò)原型繼承創(chuàng)建一個(gè)新對(duì)象
?????????? //inherit()返回了一個(gè)繼承自原型對(duì)象p的屬性的新對(duì)象
?????????? //這里使用ECMAScript 5中的Object.create()函數(shù)(如果存在的話)
????????? //如果不存在Object.create(),則退化使用其他方法
? ? ? ? ? ? function inherit(p){
??????????????? if(p==null) throw TypeError(); //p是一個(gè)對(duì)象,不能為null
??????????????? if(Object.create)????????????????? //如果Object.create()存在,直接使用它,否則進(jìn)一步檢測(cè)
??????????????????? return Object.create(p);
??????????????? var t=typeof p;
??????????????? if(t!=="object" && t!=="function") throw TypeError();
??????????????? function f(){};? //定義一個(gè)空構(gòu)造函數(shù)
??????????????? f.prototype=p;? //將其原型屬性設(shè)置為p
??????????????? return new f();? //使用f()創(chuàng)建p的繼承對(duì)象
????????? } ????
???? inherit()函數(shù)的其中一個(gè)用途就是防止庫(kù)函數(shù)無(wú)意間(非惡意地)修改那些不受你控制的對(duì)象。
???????????????? 不是將對(duì)象直接作為參數(shù)傳入函數(shù),而是將它的繼承對(duì)象傳入函數(shù)。
???????????????? 當(dāng)函數(shù)讀取繼承對(duì)象的屬性時(shí),實(shí)際上讀取的是繼承來(lái)的值。
???????????????? 如果給繼承對(duì)象的屬性賦值,則這些屬性只會(huì)影響這個(gè)繼承對(duì)象自身,而不是原始對(duì)象。
??????????????? var o={x : "don't change this value"};
??????????????? library_function(inherit(o));? //防止對(duì)o的意外修改
?
?
? ? ? ? ???
?
轉(zhuǎn)載于:https://www.cnblogs.com/hanxuming/p/5783193.html
總結(jié)
以上是生活随笔為你收集整理的《JS权威指南学习总结--6.1原型》的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 为开发者准备的9个实用PHP代码片段(转
- 下一篇: winform 菜单激发窗体切换做法