欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript構造函數以及原型對象的理解

 更新時間：2017年01月13日 10:28:17   作者：轉角那一刻  
本文主要介紹了javascript構造函數以及原型對象的理解。分享了有關它們的實例代碼，具有一定的參考價值，下面跟著小編一起來看下吧

以下是一個構造函數的例子

如果是實例方法，不同的實例化，它們引用的地址是不一樣的，是唯一的。

//定義一個構造函數
 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)建的每一個函數都有一個prototype（原型）屬性，也就是一個對象，原型的用途：包含由特定類型的所有實例共享的屬性和方法。換句話說就是prototype通過調用構造函數而創(chuàng)建的那個對象的原型對象。

原型對象的好處：讓所有對象實例共享它的所包含的屬性與方法，不必在構造函數中定義對象信息，而是可以直接將這些添加到原型中。

//聲明一個構造函數
 function People(){}
 //在原型添加屬性
 People.prototype.name="panda";
 People.prototype.age=25;
 people.prototype.dothings=function(){
  return this.name+this.age;
 }  
 //實例化構造函數
 var people1 = new People();
 var people2 = new People();
 alert(people1.name==perople2.name) //true 因為都是原型里的方法，它們的地址是共享的，大家都來自同一地方。

使用對象實例無法訪問到prototype，prototype屬性是一個對象，需要訪問prototype對象，通過people.__proto__來訪問或者使用構造函數名（對象名）People.prototype，但是這個屬性在IE瀏覽器不支持（undefind），__proto__是指向原型對象的一個指針，

另外還有一個constructor屬性，這是一個構造屬性，獲取構造函數本身，作用是：被原型指針定位，得到構造函數本身，也就是對象實例對應原型對象的作用。

判讀一個對象是否指向該構造函數的原型對象，可以使用isPrototypeOf方法來測試

People.prototype.isPrototypeOf(people1)  //true

如果實例與原型里同時存在相同的屬性，比如例子中的People下的name屬性,

var people = new People();
people.name="bear";
alert(people.name); //bear
alert(people1.name); //panda

實例屬性并沒有重新原型屬性，實例的對象采用就近原則。

以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！

相關文章

最新評論