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

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.

主站蜘蛛池模板: 鄂伦春自治旗| 浠水县| 墨竹工卡县| 建德市| 泽州县| 灵武市| 青海省| 彭山县| 诸城市| 长阳| 柳州市| 曲沃县| 新丰县| 新绛县| 峡江县| 增城市| 新宾| 鄱阳县| 长阳| 阿鲁科尔沁旗| 探索| 大英县| 潮安县| 固镇县| 武夷山市| 江北区| 新民市| 田东县| 加查县| 无为县| 朝阳区| 富川| 娄烦县| 沅江市| 金门县| 靖江市| 习水县| 吉木萨尔县| 阳高县| 余江县| 义乌市|