美文网首页
ts基础类型及其用法

ts基础类型及其用法

作者: 我不是章鱼哥 | 来源:发表于2023-02-19 14:39 被阅读0次

1、string

// 普通字符串、模版字符串
let name: string = "bob";
let sentence: string = `Hello, my name is ${ name }.`

2、number

//支持十进制、十六进制、二进制、八进制
let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;

3、boolean

let isHot:boolean=true

4、数组

let list:number[]=[1, 2, 3] //类型+[]
let list:Array<number>=[1,2,3]  //数组泛型,Array<元素类型>:

5、元祖(已知元素类型和数量的数组)

let x: [string, number];
x = ['hello', 10]; //索引类型必须对上
x= [10,'hello'];//报错
//当访问越界的元素,会使用联合类型替代:
x[3] = 'world'; // OK, 字符串可以赋值给(string | number)类型
console.log(x[5].toString()); // OK, 'string' 和 'number' 都有 toString
x[6] = true; // Error, 布尔不是(string | number)类型

6、枚举

//默认编号从0开始
enum Color {Red, Green, Blue}
let c: Color = Color.Green;
//手动设置编号
enum Color {Red = 1, Green = 2, Blue = 4}
let c: Color = Color.Green;
//由枚举的值得到它的名字
enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2];
console.log(colorName) //Green

7、any

let notSure: any = 4;
let list: any[] = [1, true, "free"];
list[1] = 100;

8、void

//通常表示函数没有返回值
function warnUser(): void {
    alert("This is my warning message");
}
//声明一个void变量,它的值只能是null或者undefined
let unusable: void = undefined;

9、null和undefined

let u: undefined = undefined;
let n: null = null;

10、Never

// 返回never的函数返回错误
function error(message: string): never {
    throw new Error(message);
}
// 返回never的函数必须存在无法达到的终点
function infiniteLoop(): never {
    while (true) {
    }
}

11、断言

//尖括号
let someValue: any = "this is a string";
let strLength: number = (<string>someValue).length;
//as
let someValue: any = "this is a string";
let strLength: number = (someValue as string).length;

相关文章

  • 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 装饰器(1): 基础用法

    TS 装饰器(1): 基础用法 1、什么是装饰器 装饰器是通过添加标注的方式,来对类型进行扩展的一种方式。 只能在...

  • 大厂面试TS(上)

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

  • 【TS】基础数据类型

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

网友评论

      本文标题:ts基础类型及其用法

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