• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

TypeScript基础类型

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

一、TypeScript 的安装及使用

1、安装

npm i typescript -g    // ts 全局包
npm i ts-node -g       // 使用 ts-node 直接运行 ts 文件

 

2、使用

将 TypeScript 转换为 JavaScript 代码:

tsc test.ts

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

$ node test.js 

 

 

二、TypeScript 基础类型

1、任意类型 any

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

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,额外支持二进制和八进制数值

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

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

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

let name: string = "Faker";
let title: string = `Hello, I am ${ name }`;

 

4、布尔类型 boolean

表示逻辑值:true 和 false

let flag: boolean = true;

 

5、数组类型

声明变量为数组

// 在元素类型后面加上 []
let arr: number[] = [1, 2, 3];

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

 

6、元组

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

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

 

7、枚举类型 enum

用于定义数值集合

enum Color {Red, Green, Blue};
let c: Color = Color.Blue;
console.log(c); // 输出 2

 

8、void

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

function hello(): void {
    alert("Hello Faker");
}

 

9、null

表示对象值缺失

let a: undefined = undefined
console.log(a);  // undefined

 

10、undefined

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

let b: null = null
console.log(b);  // null

 

11、never

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

let x: never;

// 运行错误,数字类型不能转为 never 类型
x = 123;

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript学习笔记(八) - 声明文件发布时间:2022-07-18
下一篇:
typescript_类发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap