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('错误');
  })()
相关文章
|
10月前
|
JavaScript 前端开发
【TypeScript入门】TypeScript入门篇——数据类型
我们人类可以很容易的分清数字与字符的区别,但是计算机并不能呀,计算机虽然很强大,但从某种角度上看又很傻,除非你明确的告诉它,1是数字,“汉”是文字,否则它是分不清1和‘汉’的区别的,因此,在每个编程语言里都会有一个叫数据类型的东东,其实就是对常用的各种数据类型进行了明确的划分,你想让计算机进行数值运算,你就传数字给它,你想让他处理文字,就传字符串类型给他。
77 3
|
8月前
|
JavaScript 前端开发 开发工具
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
|
5月前
|
JavaScript 前端开发 编译器
【小白入门】 浏览器如何识别Typescript?
【10月更文挑战第1天】浏览器如何识别Typescript?
|
6月前
|
JavaScript
typeScript基础(1)_原始数据类型学习
本文介绍了TypeScript中的原始数据类型,包括布尔型、数值型、字符串型、`void`、`null`和`undefined`,并展示了如何在TypeScript中声明和使用这些类型。同时,还介绍了如何通过`tsc`命令编译TypeScript文件。
86 4
|
6月前
|
JavaScript 前端开发 编译器
TypeScript,从0到入门带你进入类型的世界
该文章提供了TypeScript的入门指南,从安装配置到基础语法,再到高级特性如泛型、接口等的使用,帮助初学者快速掌握TypeScript的基本用法。
|
7月前
|
存储 JavaScript 前端开发
深入浅出TypeScript | 青训营笔记
深入浅出TypeScript | 青训营笔记
55 0
|
9月前
|
JavaScript 前端开发 程序员
typescript入门笔记分享
typescript入门笔记分享
49 0
|
10月前
|
JavaScript 前端开发 开发者
【Web 前端】TypeScript 的内置数据类型有哪些?
【5月更文挑战第1天】【Web 前端】TypeScript 的内置数据类型有哪些?
|
10月前
|
存储 JavaScript 前端开发
TypeScript基本数据类型详解
【4月更文挑战第23天】TypeScript基础知识概览:包括Boolean、Number、String、Array、Tuple、Enum、Any、Void、Null和Undefined以及Never类型。了解这些数据类型能提升代码质量和可维护性。示例代码展示了各种类型的用法,如定义布尔变量、数字转换、字符串操作、数组和元组声明、枚举创建、任意类型使用,以及空值和Never类型的场景。掌握这些将有助于更好地使用TypeScript进行开发。
|
10月前
|
JavaScript 前端开发
TypeScript极速入门笔记1
TypeScript极速入门笔记1
97 4