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

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 。互不影响。)