javascript構造函數(shù)以及原型對象的理解
以下是一個構造函數(shù)的例子
如果是實例方法,不同的實例化,它們引用的地址是不一樣的,是唯一的。
//定義一個構造函數(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 //強制指向People
name:"panda",
age:25,
dothings:function(){
return this.name+this.age;
}
}
var people = new People();
alert(people.constructor); //function People(){}
使用字面量的方式創(chuàng)新對象,使用constructor屬性不會指向實例,而會指向Object。
創(chuàng)建的每一個函數(shù)都有一個prototype(原型)屬性,也就是一個對象,原型的用途:包含由特定類型的所有實例共享的屬性和方法。換句話說就是prototype通過調(diào)用構造函數(shù)而創(chuàng)建的那個對象的原型對象。
原型對象的好處:讓所有對象實例共享它的所包含的屬性與方法,不必在構造函數(shù)中定義對象信息,而是可以直接將這些添加到原型中。
//聲明一個構造函數(shù)
function People(){}
//在原型添加屬性
People.prototype.name="panda";
People.prototype.age=25;
people.prototype.dothings=function(){
return this.name+this.age;
}
//實例化構造函數(shù)
var people1 = new People();
var people2 = new People();
alert(people1.name==perople2.name) //true 因為都是原型里的方法,它們的地址是共享的,大家都來自同一地方。
使用對象實例無法訪問到prototype,prototype屬性是一個對象,需要訪問prototype對象,通過people.__proto__來訪問或者使用構造函數(shù)名(對象名)People.prototype,但是這個屬性在IE瀏覽器不支持(undefind),__proto__是指向原型對象的一個指針,
另外還有一個constructor屬性,這是一個構造屬性,獲取構造函數(shù)本身,作用是:被原型指針定位,得到構造函數(shù)本身,也就是對象實例對應原型對象的作用。
判讀一個對象是否指向該構造函數(shù)的原型對象,可以使用isPrototypeOf方法來測試
People.prototype.isPrototypeOf(people1) //true
如果實例與原型里同時存在相同的屬性,比如例子中的People下的name屬性,
var people = new People(); people.name="bear"; alert(people.name); //bear alert(people1.name); //panda
實例屬性并沒有重新原型屬性,實例的對象采用就近原則。
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持腳本之家!
相關文章
利用JavaScript實現(xiàn)檢測用戶是否在線功能
這篇文章主要為大家詳細介紹了如何利用JavaScript實現(xiàn)檢測用戶是否在線功能,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2022-12-12

