Typescript 基础类型

基础类型是我自定义的，主要这章介绍的在 Javascript 中都有的类型。另外，也是区别于下章进阶类型（Javascript 没有的数据类型）。

基础知识脑补下

在 JavaScript 的类型分为两种：

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

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

布尔值

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

// boolean.ts
let isDone: boolean = false;
复制代码

编译（tsc boolean.ts）后

// boolean.js
var isDone = false;
复制代码

问：使用构造函数 Boolean 来创造能够么？好比

// boolean2.ts
let isDoneByNewBoolean: boolean = new Boolean(1);
复制代码

编译（编辑器里）前

编译后

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

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

// boolean3.ts
let isDoneByBoolean: boolean = Boolean(1);
复制代码

编译后

// boolean3.js
var isDoneByBoolean = Boolean(1);
复制代码

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

数字

和 JavaScript 同样，TypeScript 里的全部数字都是浮点数，类型是 number。

// number.ts
let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
let binaryLiteral: number = 0b1010; // ES6 中的二进制表示法
let octalLiteral: number = 0o744;   // ES6 中的八进制表示法
let notANumber: number = NaN;
let infinityNumber: number = Infinity;
复制代码

编译后

// number.ts
var decLiteral = 6;
var hexLiteral = 0xf00d;
var binaryLiteral = 10; // ES6 中的二进制表示法
var octalLiteral = 484; // ES6 中的八进制表示法
var notANumber = NaN;
var infinityNumber = Infinity;
复制代码

字符串

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

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

编译后

// string.js
var str = 'Typescript';
var say = "Hello, " + str;
复制代码

null 和 undefined

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

// null-undefined.ts
let u: undefined = undefined;
let n: null = null;
复制代码

编译后

// null-undefined.js
var u = undefined;
var n = null;
复制代码

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

// null-undefined2.ts
let u: undefined = null;
let n: null = undefined;
复制代码

编译后

// null-undefined2.js
var u = null;
var n = undefined;
复制代码

问：那像下面这样呢？

// null-undefined3.ts
let nu: number = undefined;
let nn: number = null;

let su: string = undefined;
let sn: string = null;

let bu: boolean = undefined;
let bn: boolean = null;
复制代码

编译后

// null-undefined3.js
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 表示没有任何返回值的函数。

// void.ts
function sayTs(): void {
    console.log('Hello, Typescript');
}

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

编译前

编译后

但仍是编译出来了

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

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

// void2.ts
let u: void = undefined;
let n: void = null;
复制代码

编译后

// void2.js
var u = undefined;
var n = null;
复制代码

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

// void3.ts
let n: void = 1;
let b: void = false;
let s: void = '1';
复制代码

编译前

编译后

但仍是编译出来了

// void3.js
var vn = 1;
var vb = false;
var vs = '1';
复制代码

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

本次代码 Github

你能够...

上一篇：Typescript 的成长环境

下一篇：Typescript 进阶类型

目录：Typescript 小书之入门篇