前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >TypeScript 基础类型

TypeScript 基础类型

作者头像
Leophen
发布2020-07-07 15:13:02
1.3K1
发布2020-07-07 15:13:02
举报
文章被收录于专栏:Web前端开发Web前端开发

一、TypeScript 的安装及使用

1、安装

代码语言:javascript
复制
npm i typescript -g    // ts 全局包
npm i ts-node -g       // 使用 ts-node 直接运行 ts 文件

2、使用

将 TypeScript 转换为 JavaScript 代码:

代码语言:javascript
复制
tsc test.ts

使用 node 命令来执行 test.js 文件:

代码语言:javascript
复制
$ node test.js 

二、TypeScript 基础类型

1、任意类型 any

声明为 any 的变量可以赋予任意类型的值

代码语言:javascript
复制
let any1: any = 4
console.log(any1);  // 4
any1 = false
console.log(any1);  // false
any1 = undefined
console.log(any1);  // undefined

2、数字类型 number

TS 的 number 类型继承了 ES6 的 number,额外支持二进制和八进制数值

代码语言:javascript
复制
let decLiteral: number = 6;         // 十进制
let hexLiteral: number = 0xf00d;    // 16进制
let binaryLiteral: number = 0b1010; // 二进制
let octalLiteral: number = 0o744;   // 八进制

console.log(decLiteral, hexLiteral, binaryLiteral, octalLiteral)
// 输出
// 6 61453 10 484

3、字符串类型 string

可以使用单引号(')、双引号(")来表示字符串类型

使用反引号(`)来定义多行文本和内嵌表达式

代码语言:javascript
复制
let name: string = "Faker";
let title: string = `Hello, I am ${ name }`;

4、布尔类型 boolean

表示逻辑值:true 和 false

代码语言:javascript
复制
let flag: boolean = true;

5、数组类型

声明变量为数组

代码语言:javascript
复制
// 在元素类型后面加上 []
let arr: number[] = [1, 2, 3];

// 或者使用数组泛型
let arr: Array<number> = [1, 2, 3];

6、元组

元组与数组相似,但元组每一项的数据类型可以不同(而数组需要使用 any 类型才可以实现每一项类型不同)

代码语言:javascript
复制
let x: [string, number];
x = ['Faker', 1];     // 运行正常
x = [1, 'Faker'];     // 报错
console.log(x[0]);    // 输出 Faker

7、枚举类型 enum

用于定义数值集合

代码语言:javascript
复制
enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c); // 输出 2

8、void

表示没有任何类型,方法无返回值时可以使用此类型

代码语言:javascript
复制
function hello(): void {
    alert("Hello Faker");
}

9、null

表示对象值缺失

代码语言:javascript
复制
let a: undefined = undefined
console.log(a);  // undefined

10、undefined

用于初始化变量为一个未定义的值

代码语言:javascript
复制
let b: null = null
console.log(b);  // null

11、never

never 是其它类型(包括 null 和 undefined)的子类型,代表从不会出现的值,这意味着声明为 never 类型的变量只能被 never 类型所赋值,在函数中它通常表现为抛出异常或无法执行到终止点(例如无限循环)

代码语言:javascript
复制
let x: never;

// 运行错误,数字类型不能转为 never 类型
x = 123;
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2020-07-06 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、TypeScript 的安装及使用
    • 1、安装
      • 2、使用
      • 二、TypeScript 基础类型
        • 1、任意类型 any
          • 2、数字类型 number
            • 3、字符串类型 string
              • 4、布尔类型 boolean
                • 5、数组类型
                  • 6、元组
                    • 7、枚举类型 enum
                      • 8、void
                        • 9、null
                          • 10、undefined
                            • 11、never
                            领券
                            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档