原型坦克大战实现-js

最新推荐文章于 2023-01-03 21:43:32 发布

原创最新推荐文章于 2023-01-03 21:43:32 发布 · 274 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #原型模式 #设计模式 #简单

前端同时被 2 个专栏收录

104 篇文章

订阅专栏

设计模式-js

19 篇文章

订阅专栏

本文通过一个坦克游戏的示例，展示了如何在JavaScript中使用原型模式进行对象克隆。通过继承和构造函数，创建了不同类型的坦克，并实现了深拷贝的方法。这不仅加深了对原型模式的理解，还展示了其在实际编程中的应用。

代码

console.log('原型模式');
class Tank {
    constructor() {
        this.appendSort = 0;
        this.sort = 0;
        
    }
    exe() {
        console.log('sort：' + this.sort + this.appendSort);
    }
    clone() {
        var tank = new Tank();
        tank.sort = this.sort;
        return tank;
    }

}
class B70Tank extends Tank {
    constructor() {
        super();
        this.sort = 70;
    }
}
class B50Tank extends Tank {
    constructor() {
        super();
        this.sort = 50;
    }
}

class Client {
    main() {
        let tank7 = new B70Tank();
        tank7.exe();
        let cloneTank7 = tank7.clone();
        cloneTank7.appendSort = 5;
        cloneTank7.exe();
    }
}
var client = new Client();
client.main();