TypeScript组件封装指南:打造可复用、高效的前端组件库
// 假设我们有一个简单的TypeScript类,用于封装一个计数器的功能
class Counter {
private count: number = 0;
public increment(): void {
this.count++;
}
public decrement(): void {
this.count--;
}
public getCount(): number {
return this.count;
}
}
// 使用计数器
const counter = new Counter();
counter.increment();
console.log(counter.getCount()); // 输出: 1
counter.decrement();
console.log(counter.getCount()); // 输出: 0
这个例子展示了如何创建一个简单的计数器类,并提供了增加、减少和获取计数值的方法。通过封装这些行为,我们可以在应用程序的不同部分重复使用Counter类,提高了代码的复用性。
评论已关闭