typeScript学习（十二)、模块化管理

最新推荐文章于 2025-04-04 21:18:33 发布

原创最新推荐文章于 2025-04-04 21:18:33 发布 · 254 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#typescript

React.js 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一个 TypeScript 中的类模块示例，展示了如何定义带有不同访问修饰符的属性，并通过实例化对象来使用这些属性的方法。文章还展示了如何利用只读属性和对外暴露类的方式进行模块化开发。

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

创建类模块

在这里插入图片描述

class Invoice {
    // private client: string;
    // public details: string;
    // readonly amount: number;

    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 { Invoice };

使用模块

import { Invoice } from "./classes/invoice";

const invOne = new Invoice("mario", "work on the mario website", 250);
const invTwo = new Invoice("luigi", "work on the luigi website", 300);

console.log(invOne);
console.log(invTwo);

//   invOne.client = "hfpp2012";
//
// console.log(invOne.amount);
//
//   invOne.amount = 90;
//
// console.log(invOne.client);

console.log(invOne.format());
console.log(invTwo.format());

let invoices: Invoice[] = [];

invoices.push(invOne);
invoices.push(invTwo);

console.log(invoices);

export { };