TypeScript 素描-变量声明

博文读自 TypeScript 官方文档而来，不具有学习性，仅是本人学习时记录以供日后翻阅，有学习TypeScript的朋友还请去看更为详细的官方文档

/*

变量声明在之前的js中一直是使用var关键字,现在支持了全新的声明

方式 let 与 const

var 声明的变量作用域一直很让人费解,所以现在推荐使用let来消除

var 声明变量带来的一系列问题

*/

// 第一个例子

function f(flag: boolean) {

    if (flag) {

        var xxxx: number = 10;

    }

    xxxx = 12;

}

//在方法中 if 里声明了变量xxxx,但是在if外忍耐可以访问xxxx,如

//果声明方式换成 let 则变量的作用域只存在 if方法内

//第二个例子

function fun3() {

    for (var i = 0; i < 10; i++) {

        for (var i = 0; i < 10; i++) {

        }

    }

}

//也许上面的例子并不会出错,也不会带来什么麻烦,但是第二个例子

//很明显就是属于会出错的类型了。两次for循环都声明了变量i,然后

//它们在后面的循环中就用了同一个变量

//所以说了这么多废话,就是说let多NB,大家快来用吧-.- 不过实话

//使用let可以消除这些问题,即使出错也会快速的定位到错误的所在

if (true) {

    //而且在同一作用域是不可以重复声明同一个变量名的,let的作

    //用域是块级的

    //let let1 = 10;

    //let let1 = 10;

}

//const声明是一个常量,赋值后不可以再改变

//解构是有一个有趣的东西,具体可以通过代码来观察

let input = [1, 2];

let [first, second] = input;

//等价与  let first =input[0]; let second = input[0]

//也可以当做方法的参数

function fun4([first, second]: number[]) { };

fun4(input);

// ...{args} 代表剩余的变量

let [n1, n2, ...args] = [1, 2, 3, 4, 5];

//, 忽略中间的变量

let [s1, , , s4] = [1, 2, 3, 4];

//解构对象

let o = {

    a: "foo",

    b: 12

}

let {a, b} = o;

//属性重命名

let {a: newName1, b: newName2} = o;

console.log(newName1);

//展开 可用于数组与对象

let let3 = [1, 2];

let let4 = [3, 5];

let bothPlus = [0, ...let3, ...let4, 6];

秒客网

TypeScript 素描-变量声明

相关文章