TypeScript基础类型

  1. 布尔类型 true or false 当赋值其他类型如1 2 3 会报错,示例如下
let isDone: boolean = true
  1. number 类型
let decLiteral: number = 20
  1. 字符串 类型
let name: String = '小明'
  1. 数组类型 number类型
let list: number[] = [1, 2, 3]
// 数组泛型
let list: Array<number> = [1,2,3]
  1. 元组类型
// 一个长度为2的元组第一个值为字符串,第二个为number
let x: [string, number]
// 正确赋值
x = ['name', 10]
// 错误赋值
x = [10, 'name']

元组可以直接访问目标元素的方法例如访问第一个元素可以获取到字符串的方法

  1. 枚举类型
enum Color {
  Red,
  Green,
  Blue
}
let c: Color = Color.Green
// 反查
enum Color {
  Red = 1,
  Green,
  Blue
}
// 例如我们知道需要的name在第二项是一个字符串但是不知道是什么
let colorName: String= Color[2]
console.log(colorName) // 打印的值为Green
  1. any类型 不做语法检查
// 不做语法检查定义一个any类型的变量初始值为number 可以修改赋值为其他类型的值
let notSure:any = 1
notSure = 'name'
notSure = false
// any 在需要的时候再用建议不要滥用,在typescript里还是需要明确的类型检查
let list: any[] = [1, 'name', true]
  1. void类型 意思是不需要类型 通常在函数用到
function warn(): void {
  console.log('this is void')
}
  1. null 和 undefinend 类型
let n:null = null 
let u:undefinend = undefinend 
  1. never 类型 通常用在函数没有返回值的类型
function error(msg: string):never {
  throw new Error(msg)
}
function fail() {
  return error('error')
}
  1. object 类型
declare function create(o: object | null): void
create(o: {prop: 0})
create(o: null)
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 介绍 为了让程序有价值,我们需要能够处理最简单的数据单元:数字,字符串,结构体,布尔值等。 TypeScript支...
    2o壹9阅读 622评论 0 50
  • 介绍 为了让程序更有价值,我们需要能够处理最简单的数据单元:数字、字符串、结构体、布尔值等。TypeScript支...
    24KBING阅读 399评论 0 0
  • TypeScript的基础类型主要有布尔值、数字、字符串、数组、元组、枚举、Any、Void、Null 、Unde...
    梦安web开发阅读 210评论 0 1
  • 基础类型 TypeScript 支持与 JavaScript 几乎相同的数据类型,此外还提供了实用的枚举类型方便我...
    罗彬727阅读 352评论 0 0
  • 介绍 为了让程序有价值,我们需要能够处理最简单的数据单元:数字,字符串,结构体,布尔值等。 TypeScript...
    wson阅读 154评论 0 0

友情链接更多精彩内容