TypeScript 是 JavaScript 的超集,这里我们只讨论两者中的不同的部分,或者需要注意的部分

数组 Array:在TypeScript中,有两种方式来定义一个数组:

在元素类型后面接上 [] ,表示此数组,是由该类型的元素所组成:

let list: number[] = [1, 2, 3]

使用数组泛型,意义是与第一种方式相同的

let list: Array<number> = [1, 2, 3]

总结: ts 与 js 中数组的区别在于,js 是一个弱类型的语言,所以 js 数组中的元素可以是不同类型的;但 ts 是不同的,严格意义上是不允许一个数组中的元素类型是不同的,如果非要这样做,可以将元素类型指定为 any 或者 let list: (string | number)[],不过这将失去严格的意义,因为数组(列表)的定义是:数组是在程序设计中,为了处理方便, 把具有相同类型的若干元素按无序的形式组织起来的一种形式,是用于储存多个相同类型数据的集合

元组 Tuple:表示一个已知元素 数量类型的数组,与数组的区别是,元组内各元素的类型不必相同。

创建一个元组:let x: [string, number] = ["hello", 123]

总结:ts 中的元组,不同于传统高级程序语言的元组的定义,首先它并不是一个“独立”的数据类型,因为使用Array.isArray(x)返回的true;其次,其元素可以动态修改的。可以说,其在某种场景下,是对 js 数组的兼容写法。

枚举 enum:是对 js 标准数据类型的一个补充。

枚举类型的定义与取值:

`enum Sex { Male, Female }

let s: Sex = Sex[0] || let s: Sex = Sex.Male

`

总结:可以将其理解为特殊的数组,其索引值是初始时就已经定好了的,其使用场景一般是用来定义,有限取值范围的变量;如:一周只有七天,性别只有两个等等。

Any:表示任意类型,常用来在编程阶段我们还不确定这个变量的具体类型时,可以正常的通过编译,在我们弄清该变量在程序上下文中的关系后,在将其指定为具体的类型。

需要弄清楚的是: Any 与 Object 之间的区别,Object 具有与 Any 相似的作用,但它们有本质的区别,Object 类型的变量,只能够允许将其赋任何值,但不能在它上面调用任何的方法,即使它真的有这个方法也不行。

Void:表示没有任何类型,它与 Any 是有本质的区别的,它们的意义刚好相反。常用来表示一个没有任何返回值的函数的返回值类型。

function demo(): void {....}

Null 和 Undefined:它们是两种数据类型,它们分别只有一个值,就是其本身,所以将一个变量的类型指定为这两者中的任意一个都是没有意义的。只需要直接赋值即可。

Never:表示那些永远不存在的值的类型。常用来表示那些只要运行的就会抛出异常的函数的返回值类型。返回 never 的函数必须存在无法到达的终点。

类型断言:告诉编译器,“相信我,我知道我在做什么,不要给我报错了。。。。”; 相当于其它高级语言中的 类型转换。

例如:

`

let str: any = 'hello'

let len: number = (str).length

`

另一种写法:

`

let str: any = 'hello'

let len: number = (str as string).length

`

注意:本质上,这两种写法都是被认可的,但是在 JSX 中,只有第二种写法才被允许。

《从零开始TypeScript》系列 - 基础数据类型的更多相关文章

  1. TypeScript_基础数据类型

    TypeScript 的基础数据类型包含: string.number.boolean.array .object.null.undefined.enmu.void.never.any.tuple 注 ...

  2. 《前端之路》 - 初试 TypeScript(一)基础数据类型

    一.先讲讲 TypeScript 什么是 typeScript ? typeScript 是 Javascript 的超集 我们用一张图来简单介绍下 ts 和 js 清清楚楚明明白白的关系- 为什么会 ...

  3. TypeScript学习指南第一章--基础数据类型(Basic Types)

    基础数据类型(Basic Types) 为了搭建应用程序,我们需要使用一些基础数据类型比如:numbers,strings,structures,boolean等等. 在TypeScript中除了Ja ...

  4. TypeScript基础数据类型

    Typescript与Javascript 二者的区别 作为前端开发的基础语言javascript已经深入人心,人人皆知.作为变成入门的最简单语言,Javascript语言以动态.弱类型语言而著名,学 ...

  5. 四.python基础数据类型

    一.什么是数据类型? 什么是数据类型? 我们人类可以很容易的分清数字与字符的区别,但是计算机并不能呀,计算机虽然很强大,但从某种角度上看又很傻,除非你明确的告诉它,1是数字,“汉”是文字,否则它是分不 ...

  6. TypeScript之基本数据类型

    前言 最近项目很急,所以没有什么时间回答关于Xamarin.Android方面的问题,也有一段时间没有更新.主要是手头很缺人,如果有谁有兴趣加入我们的话,可以私聊我,这样我就能继续造福社区了,同时还有 ...

  7. SQL Server调优系列基础篇(常用运算符总结——三种物理连接方式剖析)

    前言 上一篇我们介绍了如何查看查询计划,本篇将介绍在我们查看的查询计划时的分析技巧,以及几种我们常用的运算符优化技巧,同样侧重基础知识的掌握. 通过本篇可以了解我们平常所写的T-SQL语句,在SQL ...

  8. SQL Server调优系列基础篇(常用运算符总结)

    原文:SQL Server调优系列基础篇(常用运算符总结) 前言 上一篇我们介绍了如何查看查询计划,本篇将介绍在我们查看的查询计划时的分析技巧,以及几种我们常用的运算符优化技巧,同样侧重基础知识的掌握 ...

  9. 从 JavaScript 到 TypeScript 系列

    随着应用的庞大,项目中 JavaScript 的代码也会越来越臃肿,这时候许多 JavaScript 的语言弊端就会愈发明显,而 TypeScript 的出现,就是着力于解决 JavaScript 语 ...

随机推荐

  1. 计蒜客-A1139 dfs

    在一个 n \times mn×m 的方格地图上,某些方格上放置着炸弹.手动引爆一个炸弹以后,炸弹会把炸弹所在的行和列上的所有炸弹引爆,被引爆的炸弹又能引爆其他炸弹,这样连锁下去. 现在为了引爆地图上 ...

  2. Codeforces Round #272 (Div. 2) B. Dreamoon and WiFi (暴力二进制枚举)

    题意:给你一个只含\(+\)和\(-\)的字符串,统计它的加减和,然后再给你一个包含\(+,-,?\)的字符串,其中\(?\)可以表示为\(+\)或\(-\),问有多少种情况使得第二个字符串的加减和等 ...

  3. C# EventWaitHandle类解析

    EventWaitHandle 类用于在异步操作时控制线程间的同步,即控制一个或多个线程继行或者等待其他线程完成. 构造函数 EventWaitHandle(bool initialState, Ev ...

  4. Spring web之restTemplate超时问题处理

    问题 项目中有个远程服务因为某些原因会访问不通,于是就在调用的那一步挂起无法结束了. 查看代码 代码大概如下 CloseableHttpClient closeableHttpClient = Htt ...

  5. WPF 只读集合在 XAML 中的绑定(WPF:Binding for readonly collection in xaml)

    问题背景 某一天,我想做一个签到打卡的日历.基于 Calendar,想实现这个目标,于是找到了它的 SelectedDates 属性,用于标记签到过的日期. 问题来了. 基于MVVM模式,想将其在xa ...

  6. [视频] FFMpeg 基本组成和入门示例

    目录 FFmpeg基本组成 编解码工具 ffmpeg.exe ffmpeg.exe的工作流程 播放器 ffplay.exe 多媒体分析器 ffprobe FFmpeg基本组成 AVFormat 封装了 ...

  7. 获取txt编码方式

    在操作txt的时候,有时会出现乱码,这是因为没有使用正确的编码方式来操作txt,我们需要先获取txt的编码方式,再进行读写操作.下面是获取txt编码的方法: /// <summary> / ...

  8. codeforce 849B

    B. Tell Your World time limit per test 1 second memory limit per test 256 megabytes input standard i ...

  9. mssql数据库提权(xp_cmdshell)

    1.关于 "xp_cmdshell" "存储过程":其实质就是一个"集合",那么是什么样的结合呢,就是存储在SqlServer中预先定义好的 ...

  10. 2021-2-16:请问你知道分布式设计模式中的Quorum思想么?

    有效个数(Quorum) 有效个数(Quorum)这个设计模式一般是指分布式系统的每一次修改都要在大多数实例上通过来确定修改通过. 问题背景 在一个分布式存储系统中,用户请求会发到一个实例上.通常在一 ...