javascript構(gòu)造函數(shù)以及原型對(duì)象的理解
以下是一個(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
另外一種編寫原型對(duì)象的方法,通過(guò)字面量的方式創(chuàng)建原型對(duì)象,這里{}就是對(duì)象,是Object,new Object相對(duì)于{}
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)新對(duì)象,使用constructor屬性不會(huì)指向?qū)嵗?,而?huì)指向Object。
創(chuàng)建的每一個(gè)函數(shù)都有一個(gè)prototype(原型)屬性,也就是一個(gè)對(duì)象,原型的用途:包含由特定類型的所有實(shí)例共享的屬性和方法。換句話說(shuō)就是prototype通過(guò)調(diào)用構(gòu)造函數(shù)而創(chuàng)建的那個(gè)對(duì)象的原型對(duì)象。
原型對(duì)象的好處:讓所有對(duì)象實(shí)例共享它的所包含的屬性與方法,不必在構(gòu)造函數(shù)中定義對(duì)象信息,而是可以直接將這些添加到原型中。
//聲明一個(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)槎际窃屠锏姆椒?,它們的地址是共享的,大家都?lái)自同一地方。
使用對(duì)象實(shí)例無(wú)法訪問(wèn)到prototype,prototype屬性是一個(gè)對(duì)象,需要訪問(wèn)prototype對(duì)象,通過(guò)people.__proto__來(lái)訪問(wèn)或者使用構(gòu)造函數(shù)名(對(duì)象名)People.prototype,但是這個(gè)屬性在IE瀏覽器不支持(undefind),__proto__是指向原型對(duì)象的一個(gè)指針,
另外還有一個(gè)constructor屬性,這是一個(gè)構(gòu)造屬性,獲取構(gòu)造函數(shù)本身,作用是:被原型指針定位,得到構(gòu)造函數(shù)本身,也就是對(duì)象實(shí)例對(duì)應(yīng)原型對(duì)象的作用。
判讀一個(gè)對(duì)象是否指向該構(gòu)造函數(shù)的原型對(duì)象,可以使用isPrototypeOf方法來(lái)測(cè)試
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í)例屬性并沒(méi)有重新原型屬性,實(shí)例的對(duì)象采用就近原則。
以上就是本文的全部?jī)?nèi)容,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助,同時(shí)也希望多多支持腳本之家!
- 一文秒懂JavaScript構(gòu)造函數(shù)、實(shí)例、原型對(duì)象以及原型鏈
- 詳解js中的原型,原型對(duì)象,原型鏈
- js 原型對(duì)象和原型鏈理解
- 圖文詳解JavaScript的原型對(duì)象及原型鏈
- 淺談JS原型對(duì)象和原型鏈
- JS原型對(duì)象操作實(shí)例分析
- JavaScript原型對(duì)象原理與應(yīng)用分析
- JavaScript原型對(duì)象、構(gòu)造函數(shù)和實(shí)例對(duì)象功能與用法詳解
- js使用原型對(duì)象(prototype)需要注意的地方
- 深入理解javascript構(gòu)造函數(shù)和原型對(duì)象
- 全面解析js中的原型,原型對(duì)象,原型鏈
相關(guān)文章
echarts設(shè)置圖例顏色和地圖底色的方法實(shí)例
最近項(xiàng)目要使用echarts進(jìn)行數(shù)據(jù)可視化,所以下面這篇文章主要給大家介紹了關(guān)于echarts設(shè)置圖例顏色和地圖底色的相關(guān)資料,需要的朋友可以參考借鑒,下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2018-08-08
javascript 簡(jiǎn)單抽屜效果的實(shí)現(xiàn)代碼
javascript 簡(jiǎn)單抽屜效果的實(shí)現(xiàn)代碼,需要的朋友可以參考下,大家自行測(cè)試。2010-03-03
js實(shí)現(xiàn)倒計(jì)時(shí)及時(shí)間對(duì)象
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)倒計(jì)時(shí)效果及時(shí)間對(duì)象,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11
JS實(shí)現(xiàn)關(guān)鍵字搜索時(shí)的相關(guān)下拉字段效果
關(guān)鍵字搜索時(shí)有下拉字段,在使用百度時(shí)會(huì)遇到,本例講述用js實(shí)現(xiàn)類似的效果2014-08-08
es6中Promise 對(duì)象基本功能與用法實(shí)例分析
這篇文章主要介紹了es6中Promise 對(duì)象基本功能與用法,結(jié)合實(shí)例形式分析了es6中Promise對(duì)象的基本功能、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-02-02
收藏Javascript中常用的55個(gè)經(jīng)典技巧
收藏Javascript中常用的55個(gè)經(jīng)典技巧...2007-08-08
利用JavaScript實(shí)現(xiàn)檢測(cè)用戶是否在線功能
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)檢測(cè)用戶是否在線功能,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2022-12-12
js判斷傳入時(shí)間和當(dāng)前時(shí)間大小實(shí)例(超簡(jiǎn)單)
下面小編就為大家分享一篇js判斷傳入時(shí)間和當(dāng)前時(shí)間大小實(shí)例(超簡(jiǎn)單),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01

