typescript断言的使用方法与注意事项

一、typescript类型断言

编写typescript时，有时需要强制将变量声明为某种类型，否则会出现报错提示，
如果需要调用变量的属性等，需要将断言的变量用小括号() 包裹起来

断言fanfan方式一：<数据类型>

格式：<数据类型>变量名
eg:

let str:string|number = 'today'
let len:number = (<string>str).length

断言fanfan方式二：as

格式：变量名 as 数据类型

eg:

function fn(x:string|number) {
    
    
	if(x typeof string) {
    
    
		let len:number = (x as string).length
		console.log(len)
	}
}

注意：断言只能编译时起作用，告诉编辑器这个变量是某种类型，但是不会改变该数据的真实类型，如果写错了，编译时不会报错，但运行后还是会报错，所以需要确定数据类型才使用断言，不要滥用断言

二、typescript非空断言(!)

有的时候给变量赋值时会报错提示后面赋值的数据有可能为 null 或者 undefined ,，此时可以尝试给变量使用非空断言

例如有时获取 localStorage 值，将其赋值给一个变量，进行使用，但是会有 取到的值为 null 或 undefined 的报错提示，这时可以用 非空断言

eg:

const res:any = obj!.res