歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> JavaScript構造函數以及原型對象的理解

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

日期:2017/3/1 9:06:39   编辑:Linux編程

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

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

 1  //定義一個構造函數
 2  function People(name,age){
 3     this.name=name;
 4     this.age=age;
 5     this.dothings=function(){
 6       retrun this.name+this.age;
 7      }
 8  }
 9 
10  var people1 = new People("panda1",25);
11  var people2 = new People("panda2",26);
12  alert(people1.name==people2.name)  //false

另外一種編寫原型對象的方法,通過字面量的方式創建原型對象,這裡{}就是對象,是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(){}  

使用字面量的方式創新對象,使用constructor屬性不會指向實例,而會指向Object。

創建的每一個函數都有一個prototype(原型)屬性,也就是一個對象,原型的用途:包含由特定類型的所有實例共享的屬性和方法。換句話說就是prototype通過調用構造函數而創建的那個對象的原型對象。

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

 //聲明一個構造函數
 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

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

Copyright © Linux教程網 All Rights Reserved