提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文

一、typescript数据类型(不涵盖number,string,boolean,null和undefined)

文章目录

一、typescript数据类型(不涵盖number,string,boolean,null和undefined)

1.字面量

2.any

3.unknown

4.void

5.never

6.object

7.array

8.tupple

9.enum


1.字面量

//直接使用字面量进行类型声明
let a : 10;
a = 11//报错//可以使用 | 链接多个类型(联合类型)
let b : boolean | string
b = true;
b = "hello";

2.any

//any  声明any后,ts对该变量关闭类型检测
let c : any;// let c;
c = 10;
c = true;
//将any类型赋值给其他类型
a = c ;
//不会报错,污染类型

3.unknown

//unknown 赋值和any一样,不会报错
let d : unknown;
//区别
a = d;//报错
//unknown是一个类型安全的any,不能直接赋值给其他变量//解决方式之一:类型断言
a = d as string;
a = <string>d//函数设置返回值为boolean 若不设置为any
function fn() :boolean{ return true }

4.void

//void 用来表示空,以函数为例,或表示没有返回值
function fn(): void{ return true }//报错
function fn(): void{ return undefine }
function fn(): void{ return null }
function fn(): void{ return }

5.never

//never表示永远没有值,在没有结果可以返回时
function fn2(): never{ throw new Error('报错了!') }

6.object

//a表示一个对象
//let a : object;等同于a = {}或者a = function(){} 只说对象的话,都是创建对象//{}用来指定对象中可以包含哪些属性,语法要一一对应。属性名后面加上?,表示属性可选
let b = { name : string ,age?: number }
b = { name : "世界最强",age : 18 }//[xxx : string] : any   表示任意类型的属性
let c = { name : string, [xxx : string] : any };//xxx可以随便改,最好符合上下文
c = { name : "PinkFloyd" , age : 50 , gender : "男" }let d: ( a:number , b:number ) => number
d = function(n1: number , n2: number):number{return n1 + n2
}
//设置函数结构的类型声明
语法: (形参:类型,形参:类型...)=>返回值

7.array

//string[]表示字符串数组,number[]数字数组
let e: string[]
e = ['a','b','c'];//表示数字数组
let f: Array<number>;
g=[1,2,3]//1.类型[] 2.Array<类型>

8.tupple

//元组,即固定长度的数组
let h : [string,string]
h = ['hello','123']//正确
h = ['hello']//错误//语法 [类型,类型...类型]

9.enum

//enum枚举
Enum Gender{male = 1,Female = 0,
}let i: {name: sting,gender :string}
i = {name : "KingCrimson"gender : Gender.male //male
}console.log{i.gender === Gender.Male}

TypeScript数据类型相关推荐

  1. 三分钟快速了解typeScript数据类型

    前言: TypeScript 是由微软开发的一款开源的编程语言. TypeScript 是 Javascript 的超级,遵循最新的 ES6.ES5 规范 TypeScript 扩展了JavaScri ...

  2. 学习TypeScript数据类型-从零到英雄

    It's all the rage these days in the world of web development - TypeScript.  I'd wager by now you hav ...

  3. 【TypeScript】TypeScript数据类型(下篇)

    目录 前言 1.联合类型 2.类型别名 3.接口 4.类型断言 5.文字类型 6.null和undefined 7.枚举 8.不太常见的原语 bigint symbol 前言 最近博主一直在创作Typ ...

  4. 【TypeScript】TypeScript数据类型(上篇)

  5. typescript 数据类型、函数返回值、类型断言、联合类型、类型兼容

    null和undefined类型:是所有类型的子类型,即可以将任意类型赋值为二者any类型:可以赋值任何类型unknown类型:引入的顶级类型unknown,对照于any,unknown是类型安全的, ...

  6. TypeScript,从0到入门带你进入类型的世界

    从0到入门进入TS的世界 一.什么是TypeScript? 1.编程语言的类型 2.TypeScript究竟是什么? 二.为什么要学习TypeScript? 1.程序更容易理解 2.效率更高 3.更少 ...

  7. 一文带你了解typeScript

    typeScript 分章节阅读目录链接:typeScript系列学习文章目录 typeScript数据类型 解释 typeScript函数 函数定义 参数 函数重载 Lambda函数 typeScr ...

  8. TypeScript 学习笔记(一)—— 参考哔哩哔哩整理的笔记

    1.TypeScript 介绍 .自动编译 1.1 介绍 TypeScript 是由 微软 开发的开源语言 TypeScript 是 Javascript 的超集,遵循最新的 ES6.ES5 规范,扩 ...

  9. Typescript 笔记

    // Typescript 安装.编译 // 在使用 npm 命令前 必须安装 node.js // 安装npm install -g typescriptcnpm install -g typesc ...

最新文章

  1. DICOM医学图像处理:Dcmtk与fo-dicom保存文件的不同设计模式之“同步VS异步”+“单线程VS多线程”...
  2. 4G(LTE)是如何实现智慧农业物联网的?
  3. 897. 递增顺序查找树-未解决
  4. yanobox nodes 3 Mac新一代点线粒子特效运动图形插件
  5. 看老外程序员如何向妻子解释OOD (转载)
  6. 已解决 selenium.common.exceptions.NoSuchElementException: Message: Unable to locate element 找不到元素的问题
  7. Unitest框架的使用(二)Unittest断言及应用
  8. [转载] python中的内置异常结构
  9. 卖菜201809-1
  10. Youtube视频传输规律
  11. 智能音箱里小度、小爱、天猫精灵哪个更加好?(下)
  12. 从零开始写第一个Flutter app(八)——修改主题颜色
  13. TI官方代码中的任务状态机
  14. 卷毛0基础学习Golang-并发编程-03 channel管道
  15. 上网行为管理如何应对mac地址克隆和IP盗用.
  16. 免费小红伞9.0在服务器中的安装办法
  17. 从足球说到鲁伯特之泪
  18. 第十章 光电传感器
  19. 逆战网络连接断开连接服务器超时_逆战服务器连接断开 与服务器连接断开的原因...
  20. 博客园9月份第4周51Aspx源码发布详情

热门文章

  1. ZDNS .网址注册局发布2020年第三季度全球域名发展统计报告
  2. 一维数组的创建及使用
  3. 新海诚画集[秒速5センチメートル:樱花抄·铁道]
  4. ESP8266通过TCP透传连接OneNet云平台实现数据互传——保姆级教程
  5. 深度图转激光原理以及代码解析
  6. 计算机英语是啥意思啊,电脑的英文是什么意思
  7. DDTW 导数动态时间规整算法
  8. 公务员面试七大忌讳(1)
  9. apple IDP 个人账户升级到公司账户(转)
  10. 微信小程序:认证注册微信小程序之后,正确登录微信小程序后台管理