- Learn React with TypeScript 3
- Carl Rippon
- 190字
- 2021-06-10 19:16:43
Type narrowing with a type assertion
The other way of performing type checking we are going to look at when using unknown is to use type assertion. Type assertion lets us tell the compiler what the type is with the as keyword.
Let's create yet another version of our logScores function as an example:
- First, let's create a type alias for the structure we want the function parameter to be:
type Scores = {
name: string;
scores: number[]
};
- In our logScores function, we can now use the as keyword to tell the compiler what type to expect:
function logScores(scores: unknown) {
console.log((scores as Scores).firstName);
console.log((scores as Scores).scores);
}
That's enough information for the compiler to pinpoint the problem:
The unknown type allows us to reduce our use of the any type and create more strongly-typed and robust TypeScript programs. We do have to write more code, though, when referencing unknown types. The additional code we need to write needs to check the type of the unknown variable so that the TypeScript compiler can be sure we are accessing valid members within it.
推薦閱讀
- Web應用系統開發實踐(C#)
- Boost程序庫完全開發指南:深入C++”準”標準庫(第5版)
- 軟件測試項目實戰之性能測試篇
- Java程序員面試算法寶典
- Neo4j Essentials
- Object-Oriented JavaScript(Second Edition)
- Oracle BAM 11gR1 Handbook
- Yocto for Raspberry Pi
- C#應用程序設計教程
- Java程序員面試筆試寶典(第2版)
- Extreme C
- Laravel Design Patterns and Best Practices
- Yii2 By Example
- Java程序設計教程
- Learn Linux Quickly