javascript構(gòu)造函數(shù)以及原型對象的理解
以下是一個(gè)構(gòu)造函數(shù)的例子
如果是實(shí)例方法,不同的實(shí)例化,它們引用的地址是不一樣的,是唯一的。
//定義一個(gè)構(gòu)造函數(shù) function People(name,age){ this.name=name; this.age=age; this.dothings=function(){ retrun this.name+this.age; } } var people1 = new People("panda1",25); var people2 = new People("panda2",26); alert(people1.name==people2.name) //false
另外一種編寫原型對象的方法,通過字面量的方式創(chuàng)建原型對象,這里{}就是對象,是Object,new Object相對于{}
People.prototype={ constructor:People //強(qiáng)制指向People name:"panda", age:25, dothings:function(){ return this.name+this.age; } } var people = new People(); alert(people.constructor); //function People(){}
使用字面量的方式創(chuàng)新對象,使用constructor屬性不會指向?qū)嵗?,而會指向Object。
創(chuàng)建的每一個(gè)函數(shù)都有一個(gè)prototype(原型)屬性,也就是一個(gè)對象,原型的用途:包含由特定類型的所有實(shí)例共享的屬性和方法。換句話說就是prototype通過調(diào)用構(gòu)造函數(shù)而創(chuàng)建的那個(gè)對象的原型對象。
原型對象的好處:讓所有對象實(shí)例共享它的所包含的屬性與方法,不必在構(gòu)造函數(shù)中定義對象信息,而是可以直接將這些添加到原型中。
//聲明一個(gè)構(gòu)造函數(shù) function People(){} //在原型添加屬性 People.prototype.name="panda"; People.prototype.age=25; people.prototype.dothings=function(){ return this.name+this.age; } //實(shí)例化構(gòu)造函數(shù) var people1 = new People(); var people2 = new People(); alert(people1.name==perople2.name) //true 因?yàn)槎际窃屠锏姆椒ǎ鼈兊牡刂肥枪蚕淼?,大家都來自同一地方?
使用對象實(shí)例無法訪問到prototype,prototype屬性是一個(gè)對象,需要訪問prototype對象,通過people.__proto__來訪問或者使用構(gòu)造函數(shù)名(對象名)People.prototype,但是這個(gè)屬性在IE瀏覽器不支持(undefind),__proto__是指向原型對象的一個(gè)指針,
另外還有一個(gè)constructor屬性,這是一個(gè)構(gòu)造屬性,獲取構(gòu)造函數(shù)本身,作用是:被原型指針定位,得到構(gòu)造函數(shù)本身,也就是對象實(shí)例對應(yīng)原型對象的作用。
判讀一個(gè)對象是否指向該構(gòu)造函數(shù)的原型對象,可以使用isPrototypeOf方法來測試
People.prototype.isPrototypeOf(people1) //true
如果實(shí)例與原型里同時(shí)存在相同的屬性,比如例子中的People下的name屬性,
var people = new People(); people.name="bear"; alert(people.name); //bear alert(people1.name); //panda
實(shí)例屬性并沒有重新原型屬性,實(shí)例的對象采用就近原則。
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時(shí)也希望多多支持腳本之家!
相關(guān)文章
javascript中l(wèi)ocalStorage本地存儲(新增、刪除、修改)使用詳細(xì)教程
本地存儲localstorage是一種在瀏覽器中存儲數(shù)據(jù)的方式,可以將數(shù)據(jù)保存在用戶的本地計(jì)算機(jī)上,以便在下一次訪問網(wǎng)站時(shí)使用,下面這篇文章主要給大家介紹了關(guān)于javascript中l(wèi)ocalStorage本地存儲(新增、刪除、修改)使用詳細(xì)教程,需要的朋友可以參考下2023-05-05《JavaScript DOM 編程藝術(shù)》讀書筆記之DOM基礎(chǔ)
這篇文章主要介紹了《JavaScript DOM 編程藝術(shù)》讀書筆記之DOM基礎(chǔ),需要的朋友可以參考下2015-01-01javascript中不易分清的slice,splice和split三個(gè)函數(shù)
這篇文章主要為大家詳細(xì)介紹了javascript中不易分清的slice,splice和split三個(gè)函數(shù),感興趣的小伙伴們可以參考一下2016-03-03Javascript添加監(jiān)聽與刪除監(jiān)聽用法詳解
這篇文章主要介紹了Javascript添加監(jiān)聽與刪除監(jiān)聽用法,較為詳細(xì)的分析了javascript原理與用法,并補(bǔ)充說明了事件監(jiān)聽的兼容性問題,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-12-12javascript創(chuàng)建函數(shù)的20種方式匯總
這篇文章主要介紹了javascript創(chuàng)建函數(shù)的20種方式匯總的相關(guān)資料,需要的朋友可以參考下2015-06-06