javascript 中 this 与 prototype 的3个区别-CSDN博客

区别1：

利用 this 实现的公共方法中可以访问类的私有成员(用 var 声明的变量)，私有方法(用 function 直接定义的方法)；

利用原型扩展实现的方法中，无法调用私有成员和变量。

例子如下所示（把其中注释掉的两行恢复就可以看到区别）：

function T(name) {
      this.Name = name;
      var x = 5;                 
　　　function privateFunc() {
          alert('in private method: do sometheing');      
　　}                 
　　this.PublicFunc = function() { 
         // 可以调用私有方法，访问私有成员变量。          
　　privateFunc();          
　　alert('x = ' + x); 
         alert('in public method: do something else.');
      } 
 }

区别2：

当访问对象的属性或者方法是，将按照搜索原型链prototype chain的规则进行。首先查找自身的静态属性、方法，继而查找构造上下文的可访问属性、方法，最后查找构造的原型链。

例子：

function Test() { 
     this.text = function() {
          alert("defined by this");
      }  
}  
Test.prototype.test = function() { 
     alert("defined by prototype");  
}  
var _o = new Test();  
_o.test();//输出“defined by this”

区别3：

“this”与“prototype”定义的另一个不同点是属性的占用空间不同。使用“this”关键字，示例初始化时为每个实例开辟构造方法所包含的所有属性、方法所需的空间，而使用“prototype”定义，由于“prototype”实际上是指向父级的一种引用，仅仅是个数据的副本，因此在初始化及存储上都比“this”节约资源。

转载于:https://www.cnblogs.com/lengv10/p/3783237.html