---
類型斷言(Type Assertion)可以用來手動指定一個值的類型。
---
###語法
> <類型>值 或者 值 as 類型
在 tsx 語法(React 的 jsx 語法的 ts 版)中必須用後一種。
#####例子:將一個聯合類型的變量指定爲一個更加具體的類型
當 TypeScript 不確定一個聯合類型的變量到底是哪個類型的時候,我們只能訪問此聯合類型的所有類型裏共有的屬性或方法:
```
function getLength(something: string | number): number {
return something.length;
}
// index.ts(2,22): error TS2339: Property 'length' does not exist on type 'string | number'.
// Property 'length' does not exist on type 'number'.
```
而有時候,我們確實需要在還不確定類型的時候就訪問其中一個類型的屬性或方法,比如:
```
function getLength(something: string | number): number {
if (something.length) {
return something.length;
} else {
return something.toString().length;
}
}
// index.ts(2,19): error TS2339: Property 'length' does not exist on type 'string | number'.
// Property 'length' does not exist on type 'number'.
// index.ts(3,26): error TS2339: Property 'length' does not exist on type 'string | number'.
// Property 'length' does not exist on type 'number'.
```
上例中,獲取 something.length 的時候會報錯。
此時可以使用類型斷言,將 something 斷言成 string:
```
function getLength(something: string | number): number {
if ((<string>something).length) {
return (<string>something).length;
} else {
return something.toString().length;
}
}
或
function getLength(something: string | number): number {
if ((something as string).length) {
return (something as string).length;
} else {
return something.toString().length;
}
}
```
類型斷言的用法如上,在需要斷言的變量前加上 <Type> 即可。
類型斷言不是類型轉換,斷言成一個聯合類型中不存在的類型是不允許的:
```
function toBoolean(something: string | number): boolean {
return <boolean>something;
}
// index.ts(2,10): error TS2352: Type 'string | number' cannot be converted to type 'boolean'.
// Type 'number' is not comparable to type 'boolean'.
```
參考:
* [TypeScript入門教程](https://ts.xcatliu.com/basics/type-assertion.html)
TypeScript 類型斷言
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
03 代碼編輯器-VsCode基礎
mypyg
2018-08-27 11:21:33
02 TypeScript開發環境搭建(Windows)
mypyg
2018-08-27 11:21:17
Angular 基礎部分 1.3 TypeScript簡介
QiaoranC
2018-08-27 03:18:05
基於 Angular 的前端組件化
KevinDMitnick
2018-08-27 02:25:21
TypeScript基礎-類型與變量
KevinDMitnick
2018-08-27 02:25:18
TypeScript基礎-模塊
KevinDMitnick
2018-08-27 02:25:18
TypeScript基礎-概述
KevinDMitnick
2018-08-27 02:24:49
TypeScript入門02 - 基本類型
Story51314
2018-08-26 10:45:57
TypeScript入門01 - TypeScript概述
Story51314
2018-08-26 10:45:57
Laya之微信小遊戲入門
真像大白阿
2018-08-26 08:30:03
TypeScript學習筆記一
goforward01
2018-08-26 01:42:32
TypeScript對象的類型——接口
呼呼哥
2018-08-25 23:34:44
【TypeScript】葵花寶典
greatbody
2018-08-25 21:47:55
【TypeScript】收集彙總資料
greatbody
2018-08-25 21:47:47
TypeScript和Knockout.js的結合使用
江湖隐者2013
2018-08-25 11:54:43