TypeScript类型断言详解

66 阅读1分钟

啥叫类型断言?

使用 as 强制指定结果类型

常见使用场景

image.png

可以使用类型断言强制告诉ts返回类型

// 类型断言 指定结果类型
const a = document.querySelector('#link') as HTMLAnchorElement

// 再次访问a的href属性就不会报错了
a && a.href

如何快速知道各种HTML元素的类型?

可以在js代码中, 使用createElement创建出对应元素, 然后将鼠标移到变量上, 就会弹出元素的类型

image.png

  • 常见的元素类型:
    • a标签: HTMLAnchorElement
    • div: HTMLDivElement
    • span: HTMLSpanElement
    • img: HTMLImageElement
    • ul: HTMLUListElement
    • li: HTMLLIElement
    • table: HTMLTableElement
    • .......