js物件導向編程： js類定義函數時prototype和this差別？

標籤：javascrip   sni   alert   指令碼   name   func   on()   track   面向   

在物件導向編寫js指令碼時，定義執行個體方法主要有兩種

例如以下：

 function ListCommon2(afirst) {   var first=afirst;   this.do1=function (){    alert("first do"+first);}                  }   ListCommon2.prototype.do2=function() {     //  alert("first do"+first);//會出錯。不能訪問firstthis.do1(); }  

this.do1=function ()和ListCommon2.prototype.do2=function()有什麼差別呢？

都相當於類的執行個體方法，僅僅有new後才幹使用。那有什麼差別呢？

測試代碼：

 var t2=new ListCommon2("燒水2");     t2.do1();// t2.do2();//

經過測試發現：this.do1能夠訪問建構函式內部的變數first。而ListCommon2.prototype.do2不能訪問，但能訪問函數this.do1。

假設把ListCommon2.prototype.do2定義在建構函式內部，也就可訪問了。但作為執行個體函數。假設定義在建構函式內部，每次執行個體化都要運行。顯然在浪費記憶體，也不合理。

有些資料上把this.do1這類方法叫做特權方法。主要是為了訪問內部的私人欄位，這樣就能夠控制對某些欄位的訪問。比如如上，就定義了一個私人欄位first，僅僅能通過建構函式傳遞，然後就不能改動了。

ListCommon2.prototype.do2這類方法相當於類的執行個體方法。但能訪問這些特權方法，間接訪問私人欄位。

結論：

    假設要直接訪問私人欄位，應該使用特權方法，也就是this定義的方法。應該定義在建構函式內部。相反，假設不須要直接訪問私人欄位，應該使用prototype定義的方法。並且應該定義在建構函式外部。

js物件導向編程： js類定義函數時prototype和this差別？