TypeScript的数据类型说明

1,614 阅读2分钟

TypeScript(以下称TS), 是什么?

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


TS怎么用?

首先要安装TS,安装的方式有两种:

  • 通过npm(Node.js包管理器)
  • 安装Visual Studio的TypeScript插件

vscode 自动编译ts->js

  • tsc --init 创建tsconfig.json
  • 修改设置js文件夹: “outDir":"./js/"
  • 设置vscode监视任务,之后修改项目中ts,自动生成js

我们今天主要说一下TS的类型

TS都有哪些类型?

TS支持与JavaScript几乎相同的数据类型,另外还提供了实用的枚举类型以便我们在开发时使用。


1.数字类型 number

除了支持十进制和十六进制,TypeScript还支持二进制和八进制。


let a: number = 999;
let b: number = 0o744;
let c: number = 0b1010;
let d: number = 0xf00d;


2.布尔类型 boolean

值为true或者false


let e: boolean = true;
let f: boolean = false;


3.字符串 string

我们使用 string表示文本数据类型。 和JavaScript一样,可以使用双引号( ")或单引号(')表示字符串。


let name: string = "zhangsan";
name = "lisi";

字符串里还可以使用模板字符串


let name: string = `张三`;
let age: number = 15;
let story: string = `Hi, my name is ${ name },

I'll be ${ age + 1 } years old today.`;


4.数组 Array

TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。 第一种,可以在元素类型后面接上 []表示由此类型元素组成的一个数组:

let g: number[] = [1, 2, 3, 4, 5];

第二种方式是使用数组泛型,Array<元素类型>

let list: Array<number> = [1, 2, 3];

5.枚举 enum

enum类型是对JavaScript标准数据类型的一个补充。 像其它语言一样,使用枚举类型可以为一组数值赋予友好的名字。


enum Color {Red, Green, Blue}
let c: Color = Color.Green;


6.Any any

有时候,我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。 这些值可能来自于动态的内容,比如来自用户输入或第三方代码库。 这种情况下,我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。 那么我们可以使用 any类型来标记这些变量


let h: any = 7;
notSure = " I have a samll yellow pencil ";
notSure = false;