坦克大战-抽象工厂实现-JS

最新推荐文章于 2019-10-28 14:24:46 发布

原创最新推荐文章于 2019-10-28 14:24:46 发布 · 220 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

104 篇文章

订阅专栏

设计模式-js

19 篇文章

订阅专栏

本文通过坦克大战游戏实例，详细介绍了如何使用抽象工厂模式进行类的创建与管理。通过定义一系列的接口来创建相关联的对象，而不指定它们的具体类。这种模式在游戏开发中非常实用，能够有效地组织和管理各种类型的坦克。

概述：坦克大战-抽象工厂实现

代码

console.log("抽象工厂模式")

// 基础类
class Sort{
    sort(){
        console.log("发生："+this.guiGe); 
    }    
}
class Run{
    run(){
        console.log("速度："+this.guiGe);
    }
}
class Factory{
    createSort(){
        return this.sort;
    }
    createRun(){
        return this.run;
    }
}
class Tank{
    constructor(sort,run){
        this.sort = sort;
        this.run = run;
    }
    exe(){
        this.sort.sort();
        this.run.run();
    }
}
// 实现类

class B50Sort extends Sort{
    constructor(){
        super();
        this.guiGe = "50";
    }
}
class B70Sort extends Sort{
    constructor(){
        super();
        this.guiGe = "70";
    }
}
class B50Run extends Run{
    constructor(){
        super();
        this.guiGe = "50";
    }   
}
class B70Run extends Run{
    constructor(){
        super();
        this.guiGe = "70";
    }   
}
class B50Factory extends Factory{
    constructor(){
        super();
        this.sort = new B50Sort();
        this.run = new B50Run();
    }   
}
var factory = new B50Factory();
var run = factory.createRun();
var sort = factory.createSort();
var tank = new Tank(sort,run);
tank.exe();

运行效果