美文网首页
TypeScript学习之——类型断言(个人笔记)

TypeScript学习之——类型断言(个人笔记)

作者: kevision | 来源:发表于2022-11-17 23:25 被阅读0次

介绍


有时候你会遇到这样的情况,你会比TypeScript更了解某个值的详细信息。 通常这会发生在你清楚地知道一个实体具有比它现有类型更确切的类型。

通过类型断言这种方式可以告诉编译器,“相信我,我知道自己在干什么”。 类型断言好比其它语言里的类型转换,但是不进行特殊的数据检查和解构。 它没有运行时的影响,只是在编译阶段起作用。 TypeScript会假设你,程序员,已经进行了必须的检查。

类型断言有两种形式。 其一是“尖括号”语法:

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;

例子


const nums = [10, 11, 12, 13]
const res = nums.find(i => i>0)
/* 我们可以确定res肯定为number类型,但是ts不知道,它会推断为number或者undefined类型,它认为res可能找
不到 */
// const square = res * res // 提示错误

// 类型断言:明确告诉ts这是某类型
// 方法1:as --> 推荐用法
const num1 = res as number
// 方法2:<> --> jsx下不能用,和标签冲突
// const num1 = <number>res 
const square = num1 * num1

相关文章

  • TypeScript学习——类型断言

    类型断言 当我们使用联合类型的时候,只能访问这些类型的共有属性或方法。但在一些场景下,我们需要在不确定类型(指TS...

  • Typescript 学习笔记六:接口

    目录: Typescript 学习笔记一:介绍、安装、编译 Typescript 学习笔记二:数据类型 Types...

  • ES6 之后 typescript 类

    1.0 typescript 类型断言 letsomeValue:any="this is a string";l...

  • TypeScript 类型断言

    类型断言(Type Assertion)可以用来手动指定一个值的类型。 语法 <类型>值 或者 值 as 类...

  • typescript 类型断言

    有时候会遇到这样的情况,你会比TypeScript更了解某个值的详细信息。 通常这会发生在你清楚地知道一个实体具有...

  • TypeScript类型断言

    类型断言 类型断言(Type Assertion)可以用来手动指定一个值的类型。 语法 在 tsx 语法(Reac...

  • TypeScript 类型断言

    语法 <类型>值 或者 值 as 类型 在 tsx 语法(React 的 jsx 语法的 ts 版)中必须用后一种...

  • TypeScript类型断言

    类型断言(Type Assertion)可以用来手动指定一个值的类型 自己理解,在联合类型的时候,只能访问联合类型...

  • Typescript类型断言

    语法 <类型>值 或者 值 as 类型 在 tsx 语法(React 的 jsx 语法的 ts 版)中必须用后一种...

  • typescript类型断言

    类型断言 有时候你会遇到这样的情况,你会比TypeScript更了解某个值的详细信息。 通常这会发生在你清楚地知道...

网友评论

      本文标题:TypeScript学习之——类型断言(个人笔记)

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