乐趣区

关于前端:系统学习-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 变量申明时所记录的注意事项和总结。

~

~ 本文完,感激浏览!

~

学习乏味的常识,结识乏味的敌人,塑造乏味的灵魂!

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

退出移动版