25、TypeScript 类、接口与泛型类型的使用

tree

于 2025-08-15 11:53:47 发布

阅读量28

点赞数

CC 4.0 BY-SA版权

分类专栏： TypeScript从入门到实践文章标签： TypeScript 类接口

本文链接：https://blog.youkuaiyun.com/tree/article/details/151136764

TypeScript从入门到实践专栏收录该内容

44 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

TypeScript 类、接口与泛型类型的使用

1. 类与接口的基础应用

在处理类和接口时，我们可以通过一些技巧来确保代码的健壮性。例如，在处理可能未定义的属性时，除了使用 if 表达式，还可以使用可选链和空值合并运算符来提供回退值。以下是一个示例代码：

interface Product {
    name: string;
    price: number;
}
class SportsProduct implements Product {
    constructor(public name: string, public category: string,
            public price: number) {
        // no statements required
    }
}
class ProductGroup {
    constructor(...initialProducts: [string, Product][]) {
        initialProducts.forEach(p => this[p[0]] = p[1]);
    }
    [propertyName: string]: Product;
}
let group
    = new ProductGroup(["shoes", new SportsProduct("Shoes", "Running", 90.50)]);
group.hat = new SportsProduct("Hat", "Skiing", 20);
let total = grou