美文网首页
TS基础类型

TS基础类型

作者: Jason_Fight | 来源:发表于2023-11-07 17:55 被阅读0次

1. Boolean

const flag: boolean = true;

2. Number

const nunm: number = 123;

3. String

const str: string = 'hello'
```ts
#### 4. null
```ts
let nulltype: null = null

5. Undefined

let UndefinedType: undefined = undefined

6. Enum

通过枚举可定义一些带名字的常量,可以清晰的表达意图或者床见椅子有区别的用例,

6.1 普通枚举
enum Color {
  RED,
  BULE,
  YELLOW
}
const red: Color = Color.RED;
const yellow: Color = Color.YELLOW;
console.log(red); // 0
console.log(yellow); // 2

3 6.2 设置初始值的枚举

enum Color_1 {
  RED =  5,
  BLUE,
  YELLOW  = 9
}

const red_1: Color_1 = Color_1.RED;
const yellow_1: Color_1 = Color_1.YELLOW;
console.log(red_1); // 5
console.log(yellow_1); // 9
6.3 字符串枚举
enum Color_2 {
  RED = 'red',
  BLUE = 'blue',
  YELLOW = 'yellow'
}
const red_2: Color_2 = Color_2.RED
const blue_2: Color_2 = Color_2.BLUE
console.log(red_2); // red
console.log(blue_2); /// blue

7. Array

数组的两种定义形式

const arr: number[] = [1, 2, 3]
const arr_1: Array<number> = [1, 2, 3]

8. tuple

元组的长度和每一个位置的变量类型是指定的.

const tuple_1: [string, number, boolean] = [ 'abc', 123, true]

9. any

let anyType: any = 1
anyType = '123'
anyType = true

10. void

void 意思就是无效的, 一般用于没有返回值的函数中

function sayHello(): void {
  console.log('hello');
}

11. never

never 类型表示用不存在的值的类型,例如总会抛出异常或根本不会有返回值的函数值永不会存在的两种情况

  • 函数执行时抛出异常,则永远不存在返回值
  • 函数中有死循环,使得函数无法运行到返回值的那一步,所以永不存在返回

抛出异常

function errorFun(msg: string): never {
  throw new Error(msg)
}

存在死循环

function foreverFun(): never {
  while(true){}
}

12. Unkmown

unknown与any一样,所有类型都可以分配给unknown:

let unkonwValue: unknown = 1;
unkonwValue = 'string'
unkonwValue = false

unkown 与 any 的区别
任何类型的值可以赋值给any,同时any类型的值也可以赋值给任何类型。unknown 任何类型的值都可以赋值给它,但它只能赋值给unknown和any

相关文章

  • 2021-01-28

    一:ts初步了解 基础类型 ts的基础类型中有如下几种:boolean/number/string/object/...

  • 白话文:几个例子马上看懂typescript基础类型

    TS入门:基础类型

  • TypeScript02--基础数据类型与接口

    基础数据类型: 1.ts的基础数据类型: ts相比js新增的数据类型:元组,any,void,neve...

  • TypeScript 07 - 类型推断

    基础 最佳通用类型 上下文类型 1. 基础 在 TS 中未明确指出类型的地方,TS 会帮助提供类型,当初始化变量和...

  • typescript 入门

    ts 是js 的超集 安装 运行 node.js 环境执行ts 类型 基础类型:Boolean、Number、St...

  • Ts基础类型

    ts运行 npm install -g typescript运行时报错image.png解决报错:输入Set-Ex...

  • ts的学习

    安装全局ts tsconfig.json文件的配置 ts基础类型 class类的练习

  • 大厂面试TS(上)

    一、TS面试基础知识 1、什么是TS? 概念:ts 是 js 的超集,即在原有的js语法基础上,添加强类型并切换为...

  • 【TS】基础数据类型

    在了解TypeScript(简称TS)基础数据类型之前,先聊聊类型的“强弱动静”之分。 TS是JS的超集,JS是一...

  • TS 的基础类型

    1.布尔值 2. 数字 3. 字符串 4. 数组 5.元祖 6. 枚举 7. Any 8. Void 9. nul...

网友评论

      本文标题:TS基础类型

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