TypeScript的变量声明
1.全新的变量声明方式
let
和const
是JavaScript ES6中新添加的变量声明方式。let
在很多方面与var
是相似的,但是它可以避免一些在JavaScript里常见一些问题。 而const则
是对let
的一个增强,它将阻止对一个变量再次赋值(二次赋值)。
因为TypeScript是JavaScript的超集,所以它本身就支持let
和const
。
⒉var声明
使用var
声明时,它不在乎你声明多少次;你只会得到1个。
var声明的变量在一些特殊的情况下会出现意料之外但又在情理之中的错误,详见TypeScript官方文档https://www.tslang.cn/docs/handbook/variable-declarations.html
⒊let声明
var
存在一些问题,这也恰好说明了为什么用let
语句来声明变量。 除了名字不同外, let
与var
的写法一致。
当用let
声明一个变量,它使用的是词法作用域或块作用域。 不同于使用 var
声明的变量那样可以在包含它们的函数外访问,块作用域变量在包含它们的块或for
循环之外是不能访问的。
拥有块级作用域的变量的另一个特点是,它们不能在被声明之前读或写。 虽然这些变量始终“存在”于它们的作用域里,但在直到声明它的代码之前的区域都属于 暂时性死区。 它只是用来说明我们不能在 let
语句之前访问它们,幸运的是TypeScript可以告诉我们这些信息。
注意一点,我们仍然可以在一个拥有块作用域变量被声明前获取它。 只是我们不能在变量声明前去调用那个函数。 如果生成代码目标为ES2015,现代的运行时会抛出一个错误;然而,现今TypeScript是不会报错的。
⒋const声明
const
声明是声明变量的另一种方式。
它与let
声明相似,但是就像它的名字所表达的,它们被赋值后不能再改变。 换句话说,它们拥有与 let
相同的作用域规则,但是不能对它们重新赋值。
这很好理解,它们引用的值是不可变的。
除非你使用特殊的方法去避免,实际上const
变量的内部状态是可修改的。 幸运的是,TypeScript允许你将对象的成员设置成只读的。
⒌let
vs. const
现在我们有两种作用域相似的声明方式,我们自然会问到底应该使用哪个。 与大多数泛泛的问题一样,答案是:依情况而定。
使用最小特权原则,所有变量除了你计划去修改的都应该使用const
。 基本原则就是如果一个变量不需要对它写入,那么其它使用这些代码的人也不能够写入它们,并且要思考为什么会需要对这些变量重新赋值。 使用 const
也可以让我们更容易的推测数据的流动。