生成器模式是一种在TypeScript/JavaScript中非常常见的创建型设计模式,它使你能够分步骤创建复杂对象。当你需要创建一个可能有许多配置选项的对象时, 该模式会特别有用。
问题
假设我们需要构造一个复杂对象,构造时需要给这个对象的诸多成员变量进行初始化工作,如果使用传统的构造函数创建这个对象,那么它的构造函数将十分复杂,比如new Product(partA,partB,partC,...)
,这样的构造函数不仅缺乏灵活性还会严重的影响代码的可读性,因此我们需要一种更优秀的方法来创建复杂对象。
创建想要生成的产品类
class Product {
public partA: string;
public partB: string;
public partC: string;
public partD: string;
}
创建生成器类
可以将基本生成器定义为一个接口,再为每个形式的产品创建具体的生成类,这里只定义一个生成器类作为演示
class ProductBuilder {
private product: Product;
constructor() {
// 创建要生成的对象
this.product = new Product();
}
// 以下为给对象添加各部分的方法
public setPartA(partA: string): this {
this.product.partA = partA;
return this;
}
public setPartB(partB: string): this {
this.product.partB = partB;
return this;
}
public setPartC(partC: string): this {
this.product.partC = partC;
return this;
}
public setPartD(partD: string): this {
this.product.partD = partD;
return this;
}
// 完成产品生成
public build(): void {
// 这里可以写具体的构建完成后要执行的操作
console.log(this.product);
}
}
测试代码
const product = new ProductBuilder()
.setPartA('这是Part A')
.setPartB('这是Part B')
.setPartD('这是Part D')
.build();
// Product { partA: '这是Part A',partB: '这是Part B',partD: '这是Part D' }
const product = new ProductBuilder()
.setPartA('这是Part A')
.setPartB('这是Part B')
.build();
// Product { partA: '这是Part A',partB: '这是Part B' }
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。