日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

網(wǎng)上實現(xiàn)javascript寫類的方法有很多, 總結(jié)下不外乎以下幾種. 我自己學習總結(jié)了一下.

我們提供的服務有：成都做網(wǎng)站、網(wǎng)站建設、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、鄞州ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的鄞州網(wǎng)站制作公司

構(gòu)造方法方式；原型方式；構(gòu)造方法+原型的混合方式

現(xiàn)在具體分析一下以上方式的優(yōu)缺點:

構(gòu)造方法方式

這是最基本的也是最像Java寫class的方式. 上代碼:

   
 
 

    
  
  
//創(chuàng)建一個Student類  
    
  
  
 function Student(name){  
    
  
  
      this.name = name;  
    
  
  
      this.sayName = function(){  
    
  
  
          alert(this.name);  
    
  
  
      };  
    
  
  
 }  
    
  
  
 //new兩個不同的Student.  
    
  
  
 var jimmy = new Student('jimmy');  
    
  
  
 var henry = new Student('henry');  
    
  
  
 jimmy.sayName();//顯示jimmy  
    
  
  
 henry.sayName();//顯示henry 
   
 
 

這樣的方法簡單明了, 也符合JAVAer的胃口, 但是每new一個新對象, 就會在內(nèi)存中分配一個sayName方法, 性能不是很好.

原型方式

   
 
 

    
  
  
//創(chuàng)建一個Student類  
    
  
  
 //屬性和方法都通過Student.prototype設置  
    
  
  
 function Student(name){  
    
  
  
     Student.prototype = name;  
    
  
  
     Student.prototype.sayName = function(){  
    
  
  
         alert(this.name);  
    
  
  
     }  
    
  
  
 }  
    
  
  
 //new兩個不同的Student.  
    
  
  
 var jimmy = new Student('jimmy');  
    
  
  
 var henry = new Student('henry');  
    
  
  
 jimmy.sayName();//顯示henry!!!  
    
  
  
 henry.sayName();//顯示henry!!! 
   
 
 

也許執(zhí)行的代碼和有些童鞋的期望有出入. 兩次alert都彈出henry! 其實很好理解. 屬性和方法都通過prototype設置. 不同對象的同一個屬性或者方法都指向同一個內(nèi)存, 所以henry是在jimmy后設置的. 所以henry把jimmy覆蓋了.

混合方式

構(gòu)造方法的方式可以為同一個類的每一個對象分配不同的內(nèi)存, 這很適合寫類的時候設置屬性, 但是設置方法的時候我們就需要讓同一個類的不同對象共享同一個內(nèi)存了. 寫方法用原型的方式***. 所以寫類的時候需要把構(gòu)造方法和原型兩種方式混合著用. 廢話少說, 看代碼:

   
 
 

    
  
  
//創(chuàng)建一個Student類  
    
  
  
 //屬性通過構(gòu)造方法設置  
    
  
  
 //方法通過Student.prototype設置  
    
  
  
 function Student(name){  
    
  
  
     this.name = name;  
    
  
  
     Student.prototype.sayName = function(){  
    
  
  
         alert(this.name);  
    
  
  
     }  
    
  
  
 }  
    
  
  
 //new兩個不同的Student.  
    
  
  
 var jimmy = new Student('jimmy');  
    
  
  
 var henry = new Student('henry');  
    
  
  
 jimmy.sayName();//顯示jimmy  
    
  
  
 henry.sayName();//顯示henry 
   
 
 

so far so good. 同一類的不同對象, 屬性各自占有內(nèi)存, 方法共享同一內(nèi)存. 其實這里還是有一個小問題:

每new一個新對象, 就會執(zhí)行一次

   
 
 

    
  
  
Student.prototype.sayName = function(){  
    
  
  
     alert(this.name);  
    
  
  
} 
   
 
 

造成不必要的重復運算. 可以在類里面設置一個標記位, ***次執(zhí)行的時候給這個標志位設置true, 如果為true就不再為prototype設置方法.

責任編輯：張偉
來源： jimmy_jia的博客 JavaScript

本文名稱：實現(xiàn)JavaScript編寫類的方式
文章鏈接：http://www.5511xx.com/article/dpgijdg.html