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 。互不影响。)
上一篇: (三)Typescript中的类
下一篇: web 实现分页打印功能