美文网首页
02.基础类型

02.基础类型

作者: v刺猬v | 来源:发表于2019-03-22 14:32 被阅读0次

基础类型

布尔类型

  • 定义方式
let bool: boolean = false

数值类型

  • 定义方式
 let num: number = 123
 num = 0b1111011 // 二进制123
 num = 0o173 // 八进制123
 num = 0x7b // 十六进制123

字符串类型

  • 定义方式
 let str: string = 'abc'
 str = `数值是:${num}`

数组

  • 定义方式1:
let arr1: number[] = [1, 2, 3]
  • 定义方式2:
let arr2: Array<number> = [1, 2, 3]
  • 定义方式3:
let arr3: (number|string)[] = [1, '2', 3]
  • 定义方式4:
let arr4: Array<number|string> = [1, '2', 3]

元祖(指定长度,类型,顺序)

  • 严格规定�了数据的长度,类型和顺序
  • 定义方式
let tuple: [string, number, string] = ['1', 2, '3']

枚举类型

  • 定义方式
enum Roles {
  SUPER_ADMIN = 1,  // 指定开始位置
  ADMIN,
  USER
}
console.log(Roles.SUPER_ADMIN, Roles.ADMIN, Roles.USER)
console.log(Roles[1])

any类型(表示任意类型)

  • 表示变量将来能赋予任意类型
  • 定义方式
let any: any = 'abc'
any = 456

void(表示不是任何类型)

  • 一般情况下,声明一个函数,如果该函数没有任何返回值,那么该函数的返回值为void类型
  • void类型的值可以被赋予undefined
  • 非严格模式下,void类型的值可以被赋予null,需要修改配置项strictNullChecksfalse
const consoleText = (text: string): void => {
  console.log(text)
}
consoleText('abcd')

let v: void
v = undefined

undefined 和 null

  • 定义方式
let u: undefined
let n: null

never类型

  • 永远不可能存在有返回值的类型
  • 一般用于抛出错误的函数和死循环
  • never类型可以是任意类型的子类型,但是never类型不能被赋值为任何类型
const errorFunc = (errMsg: string): never => {
  throw new Error(errMsg)
}

const infinitFunc = (): never => {
  while(true) {}
}

对象类型

let obj: object = {
  name: 'zhangsan',
  age: '30'
}

const consolePerson = (person: object): void => {
  console.log(person)
}
consolePerson(obj)

类型断言

  • 定义形式1:(<string>variable)
  • 定义形式2:(variable as string) -- 在react的jsx语法中,只支持这种定义形式
const getLength = (target: string|number): number => {
  if ((<string>target).length || (target as string).length === 0) {
    return (<string>target).length
  } else {
    return target.toString().length
  }
}

console.log(getLength(123))

相关文章

  • 02.基础类型

    基础类型 布尔类型 定义方式 数值类型 定义方式 字符串类型 定义方式 数组 定义方式1: 定义方式2: 定义方式...

  • iOS 开发 POP(Facebook)动画基础 一

    iOS开发 POP(Facebook)动画基础 一 参考链接引用 01.增删改查动画 02.动画类型 4种 A. ...

  • Day5 js基础

    01.js基础语法 02.变量的声明 03.运算符 04.分之结构 05.循环结构 06.函数 07.数据类型 0...

  • 02.【JS基础】数据类型的转换方法

    JavaScript 由于JavaScript是弱类型语言,故其有强类型语言没有的隐式转换。除此之外,还可通过强制...

  • 02. CSS基础

    2.5 浮动布局 2.5.1 浮动导致的布局变动 对于块级元素来讲,在不设置宽度的情况下,默认的宽度是100%;一...

  • 静态类型&自定义类型&基础类型&对象类型

    静态类型 自定义类型 基础类型 null、nudefined、symbol、boolean、void 基础类型 对象类型

  • 时间对象、引用类型

    问题 基础类型有哪些?复杂类型有哪些?有什么特征?基础类型:String 类型、Null 类型、Number 类型...

  • 02. typescript数据类型

    typescript中为了使编写的diamante更规范,更利于维护,增加了类型校验,写ts代码必须指定类型 bo...

  • typescript学习笔记-基础类型

    基础类型快速入门 基础类型 string,number,boolean 数组类型 string,number,bo...

  • 02.通道基础二

    红通道就叫当前通道。如果这个时候我们对它进行编辑的话。那么我们编辑的就是红通道。比方说我们现在选中画笔。把前景色设...

网友评论

      本文标题:02.基础类型

      本文链接:https://www.haomeiwen.com/subject/svalvqtx.html