官术网_书友最值得收藏!

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:

  1. 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;
}
  1. 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:

  1. 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;
}
}
  1. 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.

主站蜘蛛池模板: 新密市| 荔波县| 咸阳市| 林周县| 疏勒县| 泗水县| 图们市| 米林县| 航空| 城市| 定安县| 和平区| 绥滨县| 凤山县| 南通市| 临高县| 古交市| 昭通市| 商都县| 开封市| 天全县| 尚志市| 依兰县| 黑龙江省| 攀枝花市| 化德县| 宜春市| 平谷区| 梅河口市| 吕梁市| 高邮市| 屯昌县| 林州市| 石首市| 太谷县| 陈巴尔虎旗| 淅川县| 红安县| 盈江县| 永靖县| 旺苍县|