- Learn React with TypeScript 3
- Carl Rippon
- 303字
- 2021-06-10 19:16:35
Basic classes
Classes have lots of features. So, in this section we'll look at the basic features of a class. We use the class keyword followed by the class name, followed by the definition of the class.
Let's look at this in more depth with the following example:
- We could use a class to define the Product type we previously defined as an interface and as a type alias:
class Product {
name: string;
unitPrice: number;
}
- We create an instance of our Product class by using the new keyword followed by the class name and parentheses. We then go on to interact with the class, setting property values or calling methods:
const table = new Product();
table.name = "Table";
table.unitPrice = 500;
Notice that when we use this approach we don't need a type annotation for the table variable because the type can be inferred.
Classes have many more features than type aliases and interfaces though. One of these features is the ability to define the implementation of methods in a class.
Let's explore this with an example:
- Let's change the OrderDetail type we have been working within previous sections to a class. We can define the implementation of the getTotal method in this class:
class OrderDetail {
product: Product;
quantity: number;
getTotal(discount: number): number {
const priceWithoutDiscount = this.product.unitPrice * this.quantity;
const discountAmount = priceWithoutDiscount * discount;
return priceWithoutDiscount - discountAmount;
}
}
- We can create an instance of OrderDetail, specifying a product and quantity, and then calling the getTotal method with a discount to get the total price:
const table = new Product();
table.name = "Table";
table.unitPrice = 500;
const orderDetail = new OrderDetail();
orderDetail.product = table;
orderDetail.quantity = 2;
const total = orderDetail.getTotal(0.1);
console.log(total);
If we run this and look at the console, we should see an output of 900.
推薦閱讀
- Delphi程序設計基礎:教程、實驗、習題
- C#完全自學教程
- Python測試開發入門與實踐
- Python Deep Learning
- PySide GUI Application Development(Second Edition)
- Visual Basic程序設計實踐教程
- Corona SDK Mobile Game Development:Beginner's Guide(Second Edition)
- INSTANT Sinatra Starter
- Unity 2017 Mobile Game Development
- Service Mesh實戰:基于Linkerd和Kubernetes的微服務實踐
- D3.js By Example
- 深入淺出Go語言編程
- Visual Studio Code 權威指南
- Tableau Desktop可視化高級應用
- Java Web動態網站開發(第2版·微課版)