TS 之原始数据类型

发布于 2023-05-04 21:19:00 字数 3017 浏览 61 评论 0

JavaScript 的类型分为两种:原始数据类型(Primitive data types)和 对象类型(Object data types)。

原始数据类型包括:BooleanNumberStringNullUndefinedSymbol(ES6 新增)

本节主要介绍前五种原始数据类型在 TypeScript 中的应用。

布尔值

布尔值是最基础的数据类型,在 TypeScript 中,使用 boolean 定义布尔值类型。

let isDone: boolen = true;

// 直接调用 Boolean,也可以返回一个 boolean 类型
let createByBoolean: boolean = Boolean(true);

注意,使用构造函数 Boolean 创造的对象不是布尔值:

let createByNewBoolean: boolean = new Boolean(true);

// 不能将类型“Boolean”分配给类型“boolean”。
//  “boolean”是基元,但“Boolean”是包装器对象。如可能首选使用“boolean”。

事实上,new Boolean() 返回的是一个 Boolean 对象:

let createByNewBoolean: Boolean = new Boolean(true);

在 TypeScript 中,boolean 是 JavaScript 中的基本类型,而 Boolean 是 JavaScript 中的构造函数,其他基本类型一样(除了 nullundefined),不再赘述。

数值

使用 number 定义数值类型:

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;

编译结果:

var decLiteral = 6;
var hexLiteral = 0xf00d;
var binaryLiteral = 10; // ES6 中二进制表示法
var octalLiteral = 484; // ES6 中八进制表示法
var notANumber = NaN;
var infinityNumber = Infinity;

其中 0b10100o744ES6 中的二进制和八进制表示法,它们会被编译为十进制数字。

字符串

使用 string 定义字符串类型:

let myName: string = 'Frankie';
let myAge: number = 20;
let sentence: string = `Hello, I'm ${myName}`;

编译结果:

var myName = 'Frankie';
var myAge = 20;
var sentence = "Hello, I'm " + myName;

空值

JavaScript 没有空值(Void)的概念,在 TypeScript 中,可以用 void 表示没有任何返回值的函数。

function showName(): void {
    console.log(`I'm Frankie.`);
}

声明一个 void 类型的变量没什么用,因为你只能将它赋值为 undefinednull。(任意值类型也是可以的)

let unusable1: void = undefined;
let unusable2: void = null;

Null 和 Undefined

在 TypeScript 中,可以使用 nullundefined 来定义这两个原始数据类型:

let u: undefined = undefined;
let n: null = null;

void 的区别是,undefinednull 是所有类型的子类型。也就是说,undefinednull 类型的变量,可以赋值给 stringnumber 等类型的变量:

// 但是要注意,以下这个在 --strictNullChecks  严格空检查模式下,编译会报错。
let num1: number = undefined;
let u: undefined;
let num2: number = u;

void 类型的变量不能赋值给 number 类型的变量:

let u: void;
let num: number = u;

// 编译出错
// Type 'void' is not assignable to type 'number'.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

绾颜

暂无简介

0 文章
0 评论
23 人气
更多

推荐作者

lorenzathorton8

文章 0 评论 0

Zero

文章 0 评论 0

萧瑟寒风

文章 0 评论 0

mylayout

文章 0 评论 0

tkewei

文章 0 评论 0

17818769742

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文