Typescript 基本类型

TypeScript提升JavaScript：静态类型与大型项目实践 #生活技巧# #工作学习技巧# #编程语言学习路径#

基础知识脑补下

在 JavaScript 的类型分为两种：

原始数据类型（Primitive data types）对象类型（Object types）

其中，原始数据类型包括：布尔值、数字、字符串、null、undefined 以及 ES6 中的新类型 Symbol。本章选择性讲前 5 种还有空值。

布尔值

它是最基础的数据类型，其值是 true/false。在 JavaScript 和 TypeScript 里都使用 boolean 来定义（其它语言中也一样）。

let isDone: boolean = false; 复制代码

编译（tsc boolean.ts）后

var isDone = false; 复制代码

问：使用构造函数 Boolean 来创造可以么？比如

let isDoneByNewBoolean: boolean = new Boolean(1); 复制代码

编译（编辑器里）前

编译后

问题在于 new Boolean(1) 返回的是一个对象。

再问：直接使用 Boolean(1) 怎样？

let isDoneByBoolean: boolean = Boolean(1); 复制代码

编译后

var isDoneByBoolean = Boolean(1); 复制代码

Boolean(1) 返回的是个布尔值。

数字

和 JavaScript 一样，TypeScript 里的所有数字都是浮点数，类型是 number。

let decLiteral: number = 6; let hexLiteral: number = 0xf00d; let binaryLiteral: number = 0b1010; let octalLiteral: number = 0o744; let notANumber: number = NaN; let infinityNumber: number = Infinity; 复制代码

编译后

var decLiteral = 6; var hexLiteral = 0xf00d; var binaryLiteral = 10; var octalLiteral = 484; var notANumber = NaN; var infinityNumber = Infinity; 复制代码

字符串

和 JavaScript 一样，使用 string 表示文本数据类型，可以用**双引号（"）或单引号（'）**表示字符串。

let str: string = 'Typescript'; let say: string = `Hello, ${str}`; 复制代码

编译后

var str = 'Typescript'; var say = "Hello, " + str; 复制代码

null 和 undefined

在 TypeScript 的世界里，null 和 undefined 可用自身来定义数据类型。不过其用书不大。

let u: undefined = undefined; let n: null = null; 复制代码

编译后

var u = undefined; var n = null; 复制代码

问：那将值 null 和 undefined 换个位置会怎样呢？

let u: undefined = null; let n: null = undefined; 复制代码

编译后

var u = null; var n = undefined; 复制代码

问：那像下面这样呢？

let nu: number = undefined; let nn: number = null;let su: string = undefined; let sn: string = null;let bu: boolean = undefined; let bn: boolean = null; 复制代码

编译后

var nu = undefined; var nn = null; var su = undefined; var sn = null; var bu = undefined; var bn = null; 复制代码

从上面 3 个例子，可基本判断，null 和 undefined 是所有类型的子类型(可以把 null 和 undefined 赋值给 number 等所有类型的变量，也就是赋值没多大意义）。

空值

在 JavaScript 的世界里是没有空值的概念，但在 TypeScript 中，可以用 void 表示没有任何返回值的函数。

function sayTs(): void {console.log('Hello, Typescript'); }function sayTs2(): void {return 'Hello, Typescript'; } 复制代码

编译前

编译后

但还是编译出来了

function sayTs() {console.log('Hello, Typescript'); } function sayTs2() {return 'Hello, Typescript2'; } 复制代码

问：void 与 null（或undefined）间关系如何？

let u: void = undefined; let n: void = null; 复制代码

编译后

var u = undefined; var n = null; 复制代码

问：void 与 string(number、boolean)关系如何？

let n: void = 1; let b: void = false; let s: void = '1'; 复制代码

编译前

编译后

但还是编译出来了

var vn = 1; var vb = false; var vs = '1'; 复制代码

总结下，只能将 undefined、null 和没有返回值的函数赋值给 void（空值）类型。

本次代码 Github

You can

上一篇：Typescript 的成长环境

下一篇：Typescript 任意值

转载于:https://juejin.im/post/5d0b9e1f51882531fc431d60

总结

以上是生活随笔为你收集整理的Typescript 基本类型的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。

网址：Typescript 基本类型 https://www.yuejiaxmz.com/news/view/1250055

相关内容

“import ... =“ 只能在typescript 文件中使用（解决方法）
使用TypeScript实现高效的异步队列任务管理
TypeScript在Vue中的应用
STM32基于家庭娱乐系统的设计与实现
HarmonyNext实战案例：基于ArkTS的健康管理应用开发
HarmonyNext实战案例：基于ArkTS的智能日程管理应用开发
一款基于 Tauri+Vue3 构建的桌面即时通讯应用！
HarmonyNext实战案例：基于ArkTS的智能日程管理应用开发引言 在现代快节奏的生活中，日程管理应用成为了许多人
压力传感器基本原理与分类，选型
调味料的基本类型是什么？

随便看看