使用原型對象向javascript對象添加自定義屬性和方法的高級技巧

Question

使用原型對象針對this屬性的使用添加自定義屬性和方法的優點是什么？

例如，此代碼來自http://www.javascriptkit.com/javatutors/proto3.shtml

//First, create the custom object "circle"
function circle(){
}
circle.prototype.pi=3.14159

// create the object method
function alertmessage(){
alert(this.pi)
}
circle.prototype.alertpi=alertmessage

上面的功能與

//First, create the custom object "circle"
function circle(){
   this.pi=3.14159; 
   this.alertmessage(){
      alert(this.pi)
   }
}

Answer 1

如果在構造函數中分配給this.something ，則每個對象都具有您定義的對象的自己的副本。 因此，如果以這種方式分配成員函數，則會得到很多重復的函數對象。

原型使您可以在每個實例之間共享函數實現。 它還使您可以執行有效的類變量-基於該原型在所有實例之間共享狀態。 它還為實踐中沒有人實際使用的更高級的共享可能性開辟了道路。