TypeScript变量声明

      我们在js中常用的变量声明，就是var 和 let以及const，const是对let的一个增强，它能阻止对一个变量再次赋值。

var声明  

• var我们可以在函数内部定义变量，并且我们也可以在其它函数内部访问相同的变量：

 

 

 

function f() {
    var message = "Hello, world!";

    return message;
}

 

 

 

 

//其他含函数内部访问相同的变量
function f() {
    var a = 10;
    return function g() {
        var b = a + 1;
        return b;
    }
}

var g = f();
g(); // returns 11;

 

• 下面来看一下var的作用域规则：

 

 

 

function f(kobe: boolean) {
    if (kobe) {
        var x = 10;
    }

    return x;
}

f(true);  // returns '10'
f(false); // returns 'undefined

 

var声明可以在包含他的函数、模块、命名空间或者全局作用域内部的任何位置被访问。

let声明

let和var之间还是有区别的，区别不在语法上，而是在语义上；

let是块级作用域，块级作用域在包含他们的块或者for循环之外是不能访问的 。

 

 

 

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

    if (input) {
        // Still okay to reference 'a'
        let b = a + 1;
        return b;
    }

    // Error: 'b' doesn't exist here
    return b;
}
//这里面的b的作用域只是在if语句块里面

 

拥有块级作用域的变量的另一个特点是，变量不能在声明之前读或写

重定义及屏蔽

我们都知道var声明时，可以声明多次，但是只会得到一个

 

 

 

function f(x) {
    var x;
    var x;

    if (true) {
        var x;
    }
}

 

在上面的代码中，我们可以看到，所有的变量声明都是引用一个相同的x，并且是不会报错的，也是完全有效的代码，但是这也是bug经常的来源。如果使用let的话，就不会像var这么轻松了。

 

 

 

let x = 10;
let x = 20; // 错误，不能在1个作用域里多次声明`x`

 

并不是要求两个均是块级作用域的声明TypeScript才会给出一个错误的警告。

 

 

 

function f(x) {
    let x = 100; // error: interferes with parameter declaration
}

function g() {
    let x = 100;
    var x = 100; // error: can't have both declarations of 'x'
}

 

并不是说块级作用域变量不能用函数作用域变量来声明。 而是块级作用域变量需要在明显不同的块里声明。

 

 

 

function f(condition, x) {
    if (condition) {
        let x = 100;
        return x;
    }

    return x;
}

f(false, 0); // returns 0
f(true, 0);  // returns 100

 

在一个嵌套作用域里引入一个新名字的行为称做屏蔽。它是一把双刃剑，它可能会不小心地引入新问题，同时也可能会解决一些错误。

 

 

 

function sumMatrix(matrix: number[][]) {
    let sum = 0;
    for (let i = 0; i < matrix.length; i++) {
        var currentRow = matrix[i];
        for (let i = 0; i < currentRow.length; i++) {
            sum += currentRow[i];
        }
    }

    return sum;
}

 

这个版本的循环能得到正确的结果，因为内层循环的i可以屏蔽掉外层循环的i。

块级作用域变量的获取

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

 

 

 

function theCityThatAlwaysSleeps() {
    let getCity;

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

    return getCity();
}

 

const声明

const是声明变量的另一种方式。

 

 

 

const numLivesForCat = 9;
const kitty = {
    name: "Aurora",
    numLives: numLivesForCat,
}

// Error
kitty = {
    name: "Danielle",
    numLives: numLivesForCat
};

// all "okay"
kitty.name = "Rory";
kitty.name = "Kitty";
kitty.name = "Cat";
kitty.numLives--;

 

let和const

遇到这种情况，可能大多数都会问，什么时候用let，什么时候用const。根据最小特权原则，所有变量，除了你计划去修改得都应该使用const。当然这个在开发得时候，我们还是要和团队成员协商后来确定。