基础知识脑补下
在 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
(空值)类型。
You can
下一篇:Typescript 任意值