关于前端:系统学习-TypeScript四变量声明的初步学习

前言

意识了 TypeScript 中的根底类型，接下来当然是变量申明的相干学习了。

申明多维数组

如果有这么一个申明：

let arr3: number[][][];

想要晓得 arr3 的具体类型，其剖析步骤如下：

能够看到，类型拆解是从右向左的，对应到具体变量值上就是从外向内一层层拆解的。

这里只是举个例子，略微有点教训的人一眼就能判断出 arr3 是一个三维数组。然而，授人以鱼不如授人以渔，这个分析方法却实用于绝大多数简单数据类型剖析。

属性重命名

在有了 ES6 的解构赋值之后，咱们能够这么申明变量：

let personInfo1 = {
    name: "编程三昧",
    age:22
}
let {name: nameP, age: ageP} = personalInfo1;

以上代码申明了 nameP 和 ageP 两个变量。须要留神的是：变量申明中，冒号前面跟的不是数据类型，而是新申明来代替原对象属性值的变量。

如果在 TypeScript 中，要指定 nameP 和 ageP 的数据类型，须要这么写：

let {name: nameP, age: ageP}: {name: string; age: number} = personInfo1;

其实这个类型指定能够放在对象申明中，指定对象每一项属性值的类型：

let personInfo1: {name: string; age: number} = {
    name: "编程三昧",
    age: 22
};

personInfo1.name = 12; // Error 不能将类型“number”调配给类型“string”// let {name: nameP, age: ageP} = personInfo1;
let {name: nameP, age: ageP} = personInfo1;

nameP = 12; // Error 不能将类型“number”调配给类型“string”

let 和 const 的暂时性死区

以下代码在 TypeScript 中不会报错，然而在理论运行中会报错。

function foo(): number {return a1;}
foo();

let a1: number = 12;

理论运行报错：

我本人的了解是：动态编译时只负责检测数据类型是否正确，而动静运行时才会检测语法逻辑谬误，恰好暂时性死区是在运行时才产生的。

总结

以上就是我在学习 TypeScript 变量申明时所记录的注意事项和总结。

~

~ 本文完，感激浏览！

~

学习乏味的常识，结识乏味的敌人，塑造乏味的灵魂！

大家好，我是〖编程三昧〗的作者 隐逸王 ，我的公众号是『编程三昧』，欢送关注，心愿大家多多指教！