TypeScript 入门篇(一)——数据类型

150 阅读2分钟

这是我参与8月更文挑战的第17天,活动详情查看:8月更文挑战

图怪兽_59bad586c4d2a7cb53bf9a0e47fa37ae_25026.jpg

前言

TypeScript 是 JavaScript 类型的超集,它可以编辑成纯 JavaScript。TypeScript 可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。

安装 TypeScript

  • 通过npm(Node.js包管理器)
> npm install -g typescript

TypeScript 的文件扩展名是以 .ts 结尾的

类型注解

类型注解:人为为一个变量指定类型

image.png

image.png

image.png

例子中的 person: string 就是类型注解,显性告诉编译器 person 接受一个 string 类型的值

ts 文件中如果没有指定类型以及指定的类型与传入的类型不一致会产生一个错误;

基本类型

TypeScript 数据类型几乎和 JavaScirpt 相同。

TypeScript: BooleanNumberStringArray元组 Tuple枚举 EnumAnyvoidNullUndefinedNeverObject

JavaScript: BooleanNumberStringArrayNullUndefinedSymbolObjectFunction

布尔值(Boolean)

Boolean 有两种值:truefalse

let isTypeScript: boolean = false;

数字(Number)

Number 类型的数值都是浮点数,可以带小数点,也可以不带,还可以用科学记数法

let num1 = 1;
let num2 = 1.2;
let num3 = 123e5;
let num4 = 0b1010;

字符串(String)

String 表示文本数据类型,可以使用双引号(")或者单引号(')包含任意文本

let nickname: string = "张三";
let sex: string = '中性';

文本中不能包含跟包围文本的引号:

let nickname: string = "是"张三"吗?"; // ×
let nickname: string = "是'张三'吗?"; // √

ES6 还支持使用反引号(`),用于定义多行文本,或者在字符串中以 ${ expression } 嵌入变量、表达式

// 嵌入变量
let nickname: string = "张三";
let desc: string = `是${ nickname }吗?`;

// 嵌入表达式
let sum = `1 + 1 = ${ 1 + 1 }`;

数组

typescript 有两种定义数组的方式:

  • 在该元素类型后面接 [],标识由该元素类型定义的数组
let list: number[] = [1, 2, 3]
  • 使用数组泛型 Array<元素类型>
let list: Array<number> = [1, 2, 3];

Void(没有什么大用)

void 表示没有任何类型。 当一个函数没有返回值时,其会返回 void

function warnUser(): void {
    console.log("This is my warning message");
}

Null(用处不大)

let x: null = null;

Undefined(用处不大)

undefined 这个值表示变量不含有值

let y: undefined = undefined;

关于反引号的介绍可以看阮一峰老师写的 ECMAScript 6 入门: 反引号(`)

欢迎关注我的公众号:A纲 Coder,获得日常干货推送。最后再次感谢您的阅读,我是程序猿憨憨