- Learn React with TypeScript 3
- Carl Rippon
- 216字
- 2021-06-10 19:16:33
Creating interfaces, types aliases, and classes
In the Understanding basic types section, we introduced ourselves to objects, which are types that can have their own properties. Interfaces, type aliases, and classes are ways that we can define an object structure before we start using it.
Following here is the customer object we worked with, where we declared the customer variable with an initial object value:
const customer = {
name: "Lamps Ltd",
turnover: 2000134,
active: true
};
- Let's try to declare the customer variable and set its value on a subsequent line:
let customer: object;
customer = {
name: "Lamps Ltd",
turnover: 2000134,
active: true
};
- So far, so good. However, let's see what happens when we try to change the customers turnover value:
customer.turnover = 2000200;
- The lack of IntelliSense when we type turnover isn't what we are used to. When we've finished typing the line, we get a compiler error:
The TypeScript compiler doesn't know about the properties in the customer object and so thinks there's a problem.
So, we need another way of defining an object structure with the ability to set property values later in the program. That's where interfaces, type aliases, and classes come in; they let us define the structure of an object by letting us define our own types.
推薦閱讀
- UNIX編程藝術
- The Supervised Learning Workshop
- Designing Machine Learning Systems with Python
- 新一代通用視頻編碼H.266/VVC:原理、標準與實現
- Lua程序設計(第4版)
- 基于Swift語言的iOS App 商業實戰教程
- 小程序開發原理與實戰
- 琢石成器:Windows環境下32位匯編語言程序設計
- 深入分布式緩存:從原理到實踐
- C語言程序設計
- RESTful Java Web Services(Second Edition)
- ArcGIS for Desktop Cookbook
- Xcode 6 Essentials
- Software Development on the SAP HANA Platform
- 視窗軟件設計和開發自動化:可視化D++語言