前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >TypeScript入门笔记(二):数据类型

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

作者头像
王小婷
发布2019-12-24 15:33:52
4790
发布2019-12-24 15:33:52
举报
文章被收录于专栏:编程微刊编程微刊

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

TypeScript学习手册: https://www.tslang.cn/docs/handbook/basic-types.html

图片来源于网络,侵删

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

1:布尔类型
代码语言:javascript
复制
let  flag:boolean=true;
flag=false;
console.log(flag)

打印:

2:number数字类型
代码语言:javascript
复制
let  num:number=123;
num=456;
console.log(num);
3:字符串类型(string)
代码语言:javascript
复制
let str:string='this  is  ts';
str='wangxiaoting';
console.log(str);
4:数组类型(arr)
代码语言:javascript
复制
//ts定义数组有两种方法
//1:第一种定义数组的方法
let  arr:number[]=[11,22,33];
console.log(arr);
代码语言:javascript
复制
//2第一种定义数组的方法
let  arr:Array<number>=[11,22,33];
console.log(arr);
5:元组类型(tuple) 属于数组的一种
代码语言:javascript
复制
//可以给每一个位置指定一个类型
let  arr:[number,string]=[123,'1233'];
console.log(arr);
6:枚举类型
代码语言:javascript
复制
enum  Flag{success=1,error=2};
let s=Flag.success;
console.log(s);

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

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

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

代码语言:javascript
复制
//打印下标  如果标识符赋值,它的值就是赋的值4
enum  Color{bule,red=4,'green'};
let c=Color.red;
console.log(c);
代码语言:javascript
复制
//下标为5
enum  Color{bule,red=4,'green'};
let c=Color.green;
console.log(c);

状态码例子

代码语言:javascript
复制
//状态码
enum  Err{'unidefined'=-1,'null'=-2,'success'=1};
let c=Err.null;
console.log(c);
7:any任意类型
代码语言:javascript
复制
//可以指定任何类型的值
let num : any=123456;
num='str';
num=true;
console.log(num)

打印结果

8:undefined和空类型null
代码语言:javascript
复制
//定义赋值123
let  num :number|undefined;
num=123;
console.log(num)
代码语言:javascript
复制
//定义未赋值就是undefined
let  num :number|undefined;
console.log(num)
代码语言:javascript
复制
//空类型null
let  num :null;
num=null;
console.log(num)
9:void无类型

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

代码语言:javascript
复制
//表示方法没有任何返回类型
function  run():void{
     console.log('wangxiaoting')
 }
 run();

对比:

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

//never类型:其他类型(包括null和undefined)的子类型,代表从不会出现的值 //这就意味着声明never的变量只能被never类型所赋值

一般指定类的写法:

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

never类型的写法

代码语言:javascript
复制
let  a:never;
//a=123; //错误写法
a = (() => { // 正确的写法
    throw new Error('错误');
  })()
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1:布尔类型
  • 2:number数字类型
  • 3:字符串类型(string)
  • 4:数组类型(arr)
  • 5:元组类型(tuple) 属于数组的一种
  • 6:枚举类型
  • 7:any任意类型
  • 8:undefined和空类型null
  • 9:void无类型
  • 10:never类型:其他类型
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档