TypeScript学习笔记之变量声明

var声明
在之前的javascript中，我们用var这个关键字来声明变量。 var声明可以在包含它的函数，模块，命名空间或全局作用域内部任何位置被访问。并且可以多次声明且不会报错。

/**
 * Created by yzq on 2017/1/6.
 */
var a;
var a=1;
var a="123"
function test(isGo) {
    if (isGo){
        var b=30;
    }
 return b;
}
console.log(a);//123
console.log(test(true));//30

let 声明
let和const是JavaScript里相对较新的变量声明方式。let与var的主要区别不在语法上，而是语义。
1）块作用域
当用let声明一个变量，它使用的是词法作用域或块作用域。 不同于使用 var声明的变量那样可以在包含它们的函数外访问，块作用域变量在包含它们的块或for循环之外是不能访问的。拥有块级作用域的变量的另一个特点是，它们不能在被声明之前读或写。

function f(input: boolean) {
    let a = 100;
    if (input) {

        let b = a + 1;
        return b;
    }
    return b;//错误！在这里是不能被访问的
}

2）重定义及屏蔽
重定义：在同一块作用域下不能重复声明变量。

function test(isGo){
    let str;
    if(isGo){
        let str1="123";
        str=function () {
            return str1;
        }
    }
    console.log(str());
    let str;//错误，不能再同一块作用下再次声明

}
test(true);

屏蔽：在一个嵌套作用域里引入一个新名字的行为称做屏蔽。

function a(){
    let num:Array<Number>=[1,2,3]
    /*用var定义的话，内层的i值回覆盖掉外层的i值，当内层循环完成后外层的i值也就变成了数组的长度*/
    for (var i=0;i<num.length;i++){
        console.log(`外层i的值为${i}`);

        for (var i=0;i<num.length;i++){
            console.log(`内层i的值为${i}`);
        }
    }
}
a();

打印结果为

下面是用let声明

function a(){
    let num:Array<Number>=[1,2,3]
    /*用var定义的话，内层的i值回覆盖掉外层的i值，当内层循环完成后外层的i值也就变成了数组的长度*/

    /*用let定义的话，内层的i值会屏蔽掉外层的i值,不会影响外层i的值*/
    for (let i=0;i<num.length;i++){
        console.log(`外层i的值为${i}`);

        for (let i=0;i<num.length;i++){
            console.log(`内层i的值为${i}`);
        }
    }
}
a();

3)块级作用域变量的获取
直观地讲，每次进入一个作用域时，它创建了一个变量的 环境。 就算作用域内代码已经执行完毕，这个环境与其捕获的变量依然存在。

function theCityThatAlwaysSleeps() {
    let getCity;

    if (true) {
        let city = "Seattle";
        getCity = function() {
            return city;
        }
    }

    return getCity();
}

因为我们已经在city的环境里获取到了city，所以就算if语句执行结束后我们仍然可以访问它。

const声明
const是对let的一个增强，它能阻止对一个变量再次赋值。要注意的是，const声明的变量必须给初始值。
简单来说，const类似于java中的final关键字。如果你的变量需要修改值，那么就用let声明，否则就用const声明。

下一篇：

TypeScript学习笔记之 类

---

如果你觉得本文对你有帮助，麻烦动动手指顶一下，可以帮助到更多的开发者，如果文中有什么错误的地方，还望指正，转载请注明转自喻志强的博客 ，谢谢！