欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

TypeScript - (四) JavaScript中的闭包(TS中类的原理)

程序员文章站 2022-07-03 20:54:06
...

TypeScript的主要原理其实是JavaScript中的闭包-模块模式,所以单独写出来作为后续的参考。

说起闭包之前,先来了解下在JavaScript中的变量作用域问题。

变量的作用域分为全局变量和局部变量。

JavaScript只有在函数里声明的变量才是局部变量

if(true){
    //这是全局变量
    var a = 5;

}


function asd(){
    //这是局部变量
    var a = 5;
    //这是全局变量
    b = 6;
}

需要注意的是 在方法里面 不使用var声明 是全局变量。

window.b=6;//实际是这样。

子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。

 

JavaScript 变量生命周期:

JavaScript 变量生命周期在它声明时初始化。

局部变量在函数执行完毕后销毁。

全局变量在页面关闭后销毁。

闭包介绍:

闭包是JavaScript语言的一种构造,一种模块模式。在JavaScript内所有变量都能在全局范围内访问,除非变量在函数内用var关键字声明过。

//可以看成一个User类
var User = (function() {  
  //类的私有属性 
  var age = 0;   
   //类的私有方法
  function changeBy(val) {   
    age += val;
  }
  //add,reduce,value  是后续调用时用到的名称,可以理解成别名
  return {        
    //通过关键字来调用方法
    add: function() {    
      changeBy(1);
    },
    reduce: function() {
      changeBy(-1);
    },

    getAge: function() {       
      return age;
    }
  }   
})();
/* print  0 */
console.log(User.getAge()); 
User.add();
 /* print 1 */
console.log(User.getAge());
User.reduce();
/* print 0 */
console.log(User.getAge()); 
 

JavaScript的闭包都有自己的环境,该环境一经编写会立刻执行。

我们如果要返回该环境中的任何内容,都需要通过内部封装完之后,根据定义好的名称来调用。

JavaScript的闭包可以有效的屏蔽掉全局变量和局部变量的问题。

(工作场景中就是我写了一个a,你也写了一个a。谁后写的就用谁的。这就是分类的概念, User里有个age , Student里也有个age, Customer里也有个age 。互不影响。)