typeScript学习（十四)、接口类实现

最新推荐文章于 2025-04-14 16:54:19 发布

原创最新推荐文章于 2025-04-14 16:54:19 发布 · 364 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#typescript

React.js 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一个 TypeScript 示例项目，其中包括定义了 HasFormatter 接口，并通过 Invoice2 和 Payment 类实现了该接口。这两个类分别用于发票和支付单据的格式化输出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建接口

在这里插入图片描述

export interface HasFormatter {
    name?: string;//可以实现也可以不实现
    age?: number;
    format(): string;
}

实现类

import { HasFormatter } from "../interfaces/hasformatter";

class Invoice2 implements HasFormatter {
    constructor(
        private client: string, //内部访问可修改
        public details: string,
        readonly amount: number //内部访问不可修改
    ) { }//简化的赋值写法

    public format() {
        this.client = this.client + '修改'
        //不可修改,只读
        // this.amount = this.amount + 1
        return `${this.client} owes ¥${this.amount} for ${this.details}`;
    }
}

export { Invoice2 };

import { HasFormatter } from "../interfaces/hasformatter";

export class Payment implements HasFormatter {
    constructor(
        readonly recipient: string,
        private details: string,
        public amount: number
    ) { }

    format() {
        return `${this.recipient} owes ¥${this.amount} for ${this.details}`;
    }
}

使用

import { Invoice2 } from "./classes/invoice2";
import { Payment } from "./classes/payment";
import { HasFormatter } from "./interfaces/hasformatter";

let docOne: HasFormatter;
let docTwo: HasFormatter;

docOne = new Invoice2("mario", "web work", 250);
docTwo = new Payment("luigi", "plumbing work", 300);

console.log(docOne.format());
console.log(docTwo.format());


export {};