zoukankan      html  css  js  c++  java
  • javascript 中 this 与 prototype 的3个区别

    区别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”节约资源。

  • 相关阅读:
    Redis 安装(Windows)
    etcd简介与应用场景
    Nginx+SignalR+Redis(二)windows
    Nginx+SignalR+Redis(一)windows
    Windows 版MongoDB 复制集Replica Set 配置
    走进异步世界async、await
    认识和使用Task
    进程、应用程序域、线程的相互关系
    ASP.NET Core实现类库项目读取配置文件
    用idea做springboot开发,设置thymeleaf时候,新手容易忽略误区
  • 原文地址:https://www.cnblogs.com/lengv10/p/3783237.html
Copyright © 2011-2022 走看看