实现JavaScript编写类的方式

网上实现javascript写类的方法有很多, 总结下不外乎以下几种. 我自己学习总结了一下.

我们提供的服务有：成都做网站、网站建设、微信公众号开发、网站优化、网站认证、鄞州ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的鄞州网站制作公司

构造方法方式；原型方式；构造方法+原型的混合方式

现在具体分析一下以上方式的优缺点:

构造方法方式

这是最基本的也是最像Java写class的方式. 上代码:

   
 
 
    
  
  //创建一个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一个新对象, 就会在内存中分配一个sayName方法, 性能不是很好.

原型方式

   
 
 
    
  
  //创建一个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!!!

也许执行的代码和有些童鞋的期望有出入. 两次alert都弹出henry! 其实很好理解. 属性和方法都通过prototype设置. 不同对象的同一个属性或者方法都指向同一个内存, 所以henry是在jimmy后设置的. 所以henry把jimmy覆盖了.

混合方式

构造方法的方式可以为同一个类的每一个对象分配不同的内存, 这很适合写类的时候设置属性, 但是设置方法的时候我们就需要让同一个类的不同对象共享同一个内存了. 写方法用原型的方式***. 所以写类的时候需要把构造方法和原型两种方式混合着用. 废话少说, 看代码:

   
 
 
    
  
  //创建一个Student类  
    
  
   //属性通过构造方法设置  
    
  
   //方法通过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. 同一类的不同对象, 属性各自占有内存, 方法共享同一内存. 其实这里还是有一个小问题:

每new一个新对象, 就会执行一次

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

造成不必要的重复运算. 可以在类里面设置一个标记位, ***次执行的时候给这个标志位设置true, 如果为true就不再为prototype设置方法.

责任编辑：张伟
来源： jimmy_jia的博客 JavaScript

名称栏目：实现JavaScript编写类的方式
本文地址：http://www.36103.cn/qtweb/news24/26774.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容