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.');
    }
}
var t = new T('t1');
t.PublicFunc();
T.prototype.PublicFunc2 = function () {
    alert('in public method 2.'); // 下面两行都会出错。在利用 prototype 扩展的方法里无法调用对象的私有方法，也访问不到通过 var 定义的私有成员。     
    //alert(x);
    //privateFunc();
}
var t2 = new T('t2');
t2.PublicFunc();
t2.PublicFunc2();

区别2：

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

例子：

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

区别3：

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

转载于:https://www.cnblogs.com/HughTan/archive/2013/05/07/3065042.html