JS中的类方法、构造方法和原型方法的对比

男娘i 2022-08-13 16:52 143阅读 0赞

http://www.w3cfuns.com/blog-5446626-5401754.html

如果你已经接触js很久了，那么应该可以看看我总结的是否正确，如果你刚开始学习，那么通过我的总结，你可以更快的区别他们，记得我刚接触js时，这一块反正是模糊了很久！  
一、长相的区别：

1.  function Class()\{   //声明一个类  
    
2.      this.constructMethod = function()\{\};  //添加构造构造方法  
    
3.  \};  
    
4.  Class.classcMethod = function()\{\}; //添加类方法  
    
5.  Class.prototype.protocMethod=function()\{\};//添加原型方法

*复制代码*

二、用法的区别：

1.  Class.classMethod();//类方法直接调用  
    
2.  var instance = new Class();  
    
3.  instance.constructMethod();//构造方法实例才能调用  
    
4.  instance.protoMethod();//原型方法实例才能调用

*复制代码*

三、性能上的区别：  
    A、类方法在内存中只会有一份，因为它只属于类本身，在实际中，我们一般不会用到类方法。写出来主要是让你知道它而已。  
    B、构造方法和原型方法都是实例的，但是构造方法会在每一次new Class()时，都在内存中产生一个新的副本。通常这种方法我们用在实例间的不同之处。每个实例的构造方法互不影响。但是显然，它又占据内存了。原型方法就正好相反，它不会随着new Class()时产生新的副本，它在内存中也只有一份。可以实现实例间的共享。同时也节约了内存。  
    综上：你在开发时，一般不会用到类方法，将有共性的方法做成原型方法，将有个性的方法做成构造方法。  
四、以上谈到的构造方法，在实际项目中用还可以将它转移到实例上，即给实例添加方法，因为通常我们只在类的构造函数里放一些属性成员，而不是方法。见下：

1.  function Class()\{\};  
    
2.  var instance = new Class();  
    
3.  instance.instanceFn=function()\{\};//添加实例方法

*复制代码*