TypeScript入门笔记(二):数据类型

简介: TypeScript入门笔记(二):数据类型

为了使编写的代码更规范,更有利于维护,增加了类型校验,写 ts 代码必须指定类型。typescript中除了es5中的常见数据类型之外还多了元组类型tuple、枚举类型enum、任意类型any、void类型、never类型等。


图片来源于网络,侵删

先记录一下TypeScript的集中数据类型

1:布尔类型
let  flag:boolean=true;
flag=false;
console.log(flag)

打印:

2:number数字类型
let  num:number=123;
num=456;
console.log(num);

3:字符串类型(string)
let str:string='this  is  ts';
str='wangxiaoting';
console.log(str);

4:数组类型(arr)
//ts定义数组有两种方法
//1:第一种定义数组的方法
let  arr:number[]=[11,22,33];
console.log(arr);

//2第一种定义数组的方法
let  arr:Array<number>=[11,22,33];
console.log(arr);

5:元组类型(tuple) 属于数组的一种
//可以给每一个位置指定一个类型
let  arr:[number,string]=[123,'1233'];
console.log(arr);

6:枚举类型
enum  Flag{success=1,error=2};
let s=Flag.success;
console.log(s);

打印下标 如果标识符没有赋值,它的值就是下标

//官方例子
enum  Color{bule,red,'green'};
let c=Color.red;
//打印下标  如果标识符没有赋值,它的值就是下标
console.log(c);

打印下标 如果标识符赋值,它的值就是赋的值4

//打印下标  如果标识符赋值,它的值就是赋的值4
enum  Color{bule,red=4,'green'};
let c=Color.red;
console.log(c);

//下标为5
enum  Color{bule,red=4,'green'};
let c=Color.green;
console.log(c);

状态码例子

//状态码
enum  Err{'unidefined'=-1,'null'=-2,'success'=1};
let c=Err.null;
console.log(c);

7:any任意类型
//可以指定任何类型的值
let num : any=123456;
num='str';
num=true;
console.log(num)

打印结果


8:undefined和空类型null
//定义赋值123
let  num :number|undefined;
num=123;
console.log(num)

//定义未赋值就是undefined
let  num :number|undefined;
console.log(num)

//空类型null
let  num :null;
num=null;
console.log(num)

9:void无类型

void表示没有任何类型,一般用于定义方法的时候没有返回值

//表示方法没有任何返回类型
function  run():void{
     console.log('wangxiaoting')
 }
 run();

对比:

//表示方法有返回类型,返回number类型
function  run():number{
// return的必须是number类型
    return   89;
}
run();
10:never类型:其他类型

//never类型:其他类型(包括null和undefined)的子类型,代表从不会出现的值

//这就意味着声明never的变量只能被never类型所赋值

一般指定类的写法:

let a:undefined;
a=undefined;
console.log(a)
//a只能是数字类型,若是写成了其他类型就会报错
let  a:number;
a=234567;
console.log(a)

never类型的写法

let  a:never;
//a=123; //错误写法
a = (() => { // 正确的写法
    throw new Error('错误');
  })()
相关文章
|
2月前
|
JavaScript 前端开发
【TypeScript入门】TypeScript入门篇——数据类型
我们人类可以很容易的分清数字与字符的区别,但是计算机并不能呀,计算机虽然很强大,但从某种角度上看又很傻,除非你明确的告诉它,1是数字,“汉”是文字,否则它是分不清1和‘汉’的区别的,因此,在每个编程语言里都会有一个叫数据类型的东东,其实就是对常用的各种数据类型进行了明确的划分,你想让计算机进行数值运算,你就传数字给它,你想让他处理文字,就传字符串类型给他。
17 3
|
3月前
|
JavaScript 前端开发 编译器
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
TypeScript【泛型1、泛型2、声明合并、命名空间 、模块1、模块2、声明文件简介】(五)-全面详解(学习总结---从入门到深化)
68 0
|
3月前
|
编解码 JavaScript 前端开发
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
TypeScript【第三方声明文件、自定义声明文件、tsconfig.json文件简介、tsconfig.json 文件结构与配置】(六)-全面详解(学习总结---从入门到深化)
69 0
|
7天前
|
JavaScript 前端开发 开发者
【Web 前端】TypeScript 的内置数据类型有哪些?
【5月更文挑战第1天】【Web 前端】TypeScript 的内置数据类型有哪些?
|
15天前
|
存储 JavaScript 前端开发
TypeScript基本数据类型详解
【4月更文挑战第23天】TypeScript基础知识概览:包括Boolean、Number、String、Array、Tuple、Enum、Any、Void、Null和Undefined以及Never类型。了解这些数据类型能提升代码质量和可维护性。示例代码展示了各种类型的用法,如定义布尔变量、数字转换、字符串操作、数组和元组声明、枚举创建、任意类型使用,以及空值和Never类型的场景。掌握这些将有助于更好地使用TypeScript进行开发。
|
22天前
|
JavaScript
vite+typescript从入门到实战(三)
vite+typescript从入门到实战
31 0
|
22天前
|
JavaScript
vite+typescript从入门到实战(二)
vite+typescript从入门到实战
40 0
|
22天前
|
JavaScript 前端开发
vite+typescript从入门到实战(一)
vite+typescript从入门到实战
65 0
|
28天前
|
JavaScript 前端开发
TypeScript极速入门笔记1
TypeScript极速入门笔记1
32 4
|
3月前
|
存储 JavaScript 前端开发
【HarmonyOS 4.0 应用开发实战】TypeScript入门之元组详讲
【HarmonyOS 4.0 应用开发实战】TypeScript入门之元组详讲
44 0