面试题：TypeScript中类型断言的方式及应用场景

Question

请简述TypeScript中类型断言的两种方式（as语法和尖括号语法），并举例说明在实际前端开发场景中，什么时候会用到类型断言。

Answer 1

类型断言的两种方式

1. as语法：值 as 类型，例如：

let someValue: any = "this is a string";
let strLength: number = (someValue as string).length;

2. 尖括号语法：<类型>值，例如：

let someValue: any = "this is a string";
let strLength: number = (<string>someValue).length;

实际前端开发场景应用

1. 处理DOM元素：当从document.getElementById获取元素时，TypeScript只知道返回值是HTMLElement | null，如果确定元素存在，可以使用类型断言。

// 获取一个id为app的元素，假设确定该元素存在
let appElement = document.getElementById('app');
if (appElement) {
  let appDiv = appElement as HTMLDivElement;
  appDiv.style.color = 'red';
}

2. 使用第三方库：某些第三方库的类型定义可能不完整或不准确，通过类型断言可以按照期望的类型使用。

// 假设引入了一个库，其返回值类型不明确，但知道是数组
let data = require('some-library');
let arrData = data as string[];
arrData.forEach((item) => console.log(item));