TypeScript入门-基本数据类型

作者:老板丶鱼丸粗面 时间:2024-06-07 15:56:50 

大致介绍

TypeScript是由C#语言之父Anders Hejlsberg主导开发的一门编程语言,TypeScript本质上是向JavaScript语言添加了可选的静态类型和基于类的面向对象编程,它相当于是JavaScript的超集

ES5、ES6和TypeScript的关系:

TypeScript入门-基本数据类型

安装

首先需要安装npm,然后在输入

npm install -g typescript

安装完成后,因为TypeScript是以.ts结尾的,要想运行就得把他编译js文件,编译的方法特别简单就是使用tsc命令

tsc hello.ts

通常在项目中ts文件比较多的情况下,我们需要自己配置tsconfig.json文件,以便能更好的编译ts文件,配置tsconfig.json文件不难,这里就不赘述,可以自行百度

基本类型

在TypeScript中有以下基本数据类型

  • 布尔类型(boolean)

  • 数字类型(number)

  • 字符串类型(string)

  • 数组类型(array)

  • 元组类型(tuple)

  • 枚举类型(enum)

  • 任意值类型(any)

  • null和undefined

  • void类型

  • never类型

布尔类型(boolean)

布尔类型是最简单的数据类型,只有true和false两种值

注意:布尔类型是不能赋予其他值的


let flag: boolean = true;
flag = 1; //报错

数字类型(number)

和JavaScript一样,TypeScript数字都是浮点型,也支持二进制、八进制、十进制和十六进制


let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
let binaryLiteral: number = 0b1010;
let octalLiteral: number = 0o744;

字符串类型(string)

可以用单引号(')和双引号(")来表示字符串类型,除此之外还支持使用模板字符串反引号(`)来定义多行文本和内嵌表达式。使用${ expr }的形式嵌入变量或表达式


let name: string = 'Angular';
let years: string = 7;
let words: string = `今年是 ${ name } 发布 ${ years } 周年`;

数组类型(array)

TypeScript数组的操作类似于JavaScript中数组的操作,TypeScript建议开发者最好只为数组元素赋一种类型的值,定义数组有两种方式

1、在元素类型后面加上[]

let arr: number[] = [2,3];

2、使用数组泛型

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

元组类型(tuple)

元组类型用来表示已知数量和类型的数组,各元素的类型不必相同


let x: [string,number];
x = ['Angular',5]; //正确
x = [5,'Angular']; //报错

枚举类型(enum)

枚举是一个可被命名的整型常数的集合,枚举类型为集合成员赋予有意义的名称增强可读性


enum Color {red,green,blue};
let c: Color = Color.blue;
console.log(c); //2

枚举默认下标是0,也可以手动修改


enum Color {red = 2,green = 3,blue = 6};
let c: Color = Color.blue;
console.log(c); //6

任意值类型(any)

任意值是TypeScript针对编程时类型不明确的变量使用的一种数据类型,常用于以下三种类型

1、值可能来自于动态的内容,比如来自用户输入或第三方代码库。 这种情况下,我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。


let x: any = 1;
x = 'I am a string';
x = false;

2、允许你在编译时可选择地包含或移除类型检查


let x: any = 4;
x.toFixed(); //正确,并不检查是否存在

3、定义储存各种类型数据的数组时

let arrarList: any[] = [1,'qwe',true];

null和undefined

默认情况下null和undefined是所有类型的子类型。 就是说你可以把null和undefined赋值给number类型的变量。

然而,如果启用--strictNullChecks,就可以使得null和undefined只能被赋值给void或本身对应的类型


let x: number;
x = 1;
x = null; //正确

启用 --strictNullChecks
let y: number;
y = 1;
y = null; //错误

void类型

使用void表示没有任何类型,例如一个函数没有返回值,意味着返回void


function hello(): void{
 alert('hello Angular');
}

never类型

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


let x: never;
let y: number;
//报错
x = 123;
//正确
y = x;

来源:http://www.cnblogs.com/qqandfqr/p/6629324.html

标签:typescript
0
投稿

猜你喜欢

  • OpenCV根据面积筛选连通域学习示例

    2022-12-03 03:48:42
  • pycharm 创建py文件总是为txt格式的问题及解决

    2022-01-13 16:03:27
  • python argparser的具体使用

    2023-07-13 09:25:36
  • Oracle 数据库自动存储管理-安装配置

    2009-05-24 19:15:00
  • Python matplotlib 画图窗口显示到gui或者控制台的实例

    2023-08-03 22:29:09
  • python编程线性回归代码示例

    2021-06-07 07:53:16
  • 小程序中英文混合排序问题解决

    2024-04-28 09:41:17
  • Python 数据结构之旋转链表

    2021-05-04 15:39:28
  • Python源码加密与Pytorch模型加密分别介绍

    2023-11-30 13:05:03
  • Oracle 插入超4000字节的CLOB字段的处理方法

    2009-07-12 18:52:00
  • 使用HTML和MSXML6.0 创建一个超轻量级XPATH测试程序

    2009-04-24 12:38:00
  • Python logging简介详解

    2022-05-12 09:27:02
  • python django生成迁移文件的实例

    2023-07-01 18:48:31
  • MySQL5创建存储过程实例

    2010-06-13 12:49:00
  • CentOS7.5 安装 Mysql8.0.19的教程图文详解

    2024-01-13 07:28:26
  • JavaScript实现Fly Bird小游戏

    2024-04-25 13:11:46
  • 利用Python语言的grpc实现消息传送详解

    2023-09-12 14:00:07
  • CSS注意事项: 针对 Safari(WebKit)

    2008-10-29 11:57:00
  • vue项目移动端实现ip输入框问题

    2024-05-09 09:20:58
  • 微信公众号H5支付接口调用方法

    2023-07-02 05:19:04
  • asp之家 网络编程 m.aspxhome.com