坦克大战-创建者模式实现-js

最新推荐文章于 2024-06-20 17:01:50 发布

原创最新推荐文章于 2024-06-20 17:01:50 发布 · 198 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

104 篇文章

订阅专栏

设计模式-js

19 篇文章

订阅专栏

本文介绍了一个基于创建者模式的坦克游戏实例，展示了如何通过抽象层和实现层分离的设计，使用不同的构建器创建具有特定属性的坦克对象。客户端通过导演类调用构建方法，实现了坦克对象的灵活创建和执行。

console.log("创建者模式")
// 抽象层
class Builder{
    buildSort(tank){
        tank.sort = this.sort;
    }
    buildRun(tank){
        tank.run = this.run;
    }
}
class Tank{
    constructor(){
        this.sort = "";
        this.run = "";
    }
    exe(){
        console.log(this.sort);
        console.log(this.run);
    }
}
class Director{
    constructor(builder){
        this.builder = builder;
    }
    constuct(tank){
        this.builder.buildSort(tank);
        this.builder.buildRun(tank);
    }
}
// 实现层
class B70Builder extends Builder{
    constructor(){
        super();
        this.sort = "发射70";
        this.run = "速度70";
    }
}
class B50Builder extends Builder{
    constructor(){
        super();
        this.sort = "发射50";
        this.run = "发射50";
    }
}
// 客户端
class Client{
    main(){
        var builder = new B70Builder();
        var director = new Director(builder); 
        var tank = new Tank();
        director.constuct(tank); 
        tank.exe();
    }
}
var client = new Client();
client.main();