IFE第四十二天到第四十三天：开一家餐厅吧（一）

最新推荐文章于 2020-06-14 14:46:39 发布

爷爷我回来了

最新推荐文章于 2020-06-14 14:46:39 发布

阅读量510

点赞数 1

分类专栏： JavaScript 文章标签： JavaScript 面向对象编程 ES5 ES6

本文链接：https://blog.csdn.net/sinat_34074514/article/details/82288294

版权

JavaScript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

task1(ES5)

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>IFE ECMAScript</title>
</head>

<body>

    <script>
        var id = 0;

        function generateID() {
            return ++id;
        }

        function Restaurant(attr) {
            this.cash = attr.cash;
            this.seats = attr.seats;
            this.staff = attr.staff;
        }

        Restaurant.prototype.hire = function (staff) {
            this.staff.push(staff);
        }

        Restaurant.prototype.fire = function (staff) {
            this.staff = this.staff.filter(function (el) {
                return el !== staff;
            });
        }

        function Staff(name, salary) {
            this.id = generateID();
            this.name = name;
            this.salary = salary;
        }

        Staff.prototype.work = function () {

        }

        function Waiter(name, salary) {
            Staff.call(this, name, salary);
        }

        // Waiter.prototype = new Staff();
        Waiter.prototype = Object.create(Staff.prototype);
        Waiter.prototype.construstor = Waiter;
        Waiter.prototype.serve = function (orderlist) {
            if (Array.isArray(orderlist)) {
                this.list = orderlist;
            } else {
                console.log("上菜");
            }
        }

        function Cook(name, salary) {
            Staff.call(this, name, salary);
        }

        // Cook.prototype = new Staff();
        Cook.prototype = Object.create(Staff.prototype);
        Cook.prototype.construstor = Cook;
        Cook.prototype.serve = function () {
            console.log("烹饪");
        }

        function Customer() {

        }

        Customer.prototype.order = function () {
            console.log("点菜");
        }
        Customer.prototype.eat = function () {
            console.log("吃菜");
        }

        function Dish(dishname, cost, price) {
            this.dishname = dishname;
            this.cost = cost;
            this.price = price;
        }

        var ifeRestaurant = new Restaurant({
            cash: 1000000,
            seats: 20,
            staff: []
        });

        var newCook = new Cook("Tony", 10000);
        var newCook2 = new Cook("James", 10000);
        ifeRestaurant.hire(newCook);
        ifeRestaurant.hire(newCook2)

        console.log(ifeRestaurant.staff);

        ifeRestaurant.fire(newCook);
        console.log(ifeRestaurant.staff);
    </script>
</body>

</html>

task2(ES6)

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>IFE ECMAScript</title>
</head>

<body>

    <script>
        var id = 0;

        function generateID() {
            return ++id;
        }

        class Restaurant {
            constructor(attr) {
                this.cash = attr.cash;
                this.seats = attr.seats;
                this.staff = attr.staff;
            }
            hire(staff) {
                this.staff.push(staff);
            }
            fire(staff) {
                this.staff = this.staff.filter(function (el) {
                    return el !== staff;
                });
            }
        }

        class Staff {
            constructor(name, salary) {
                this.id = generateID();
                this.name = name;
                this.salary = salary;
            }
            work() {}
        }

        class Waiter extends Staff {
            constructor(name, salary) {
                super(name, salary);
            }
            serve(orderlist) {
                if (Array.isArray(orderlist)) {
                    this.list = orderlist;
                } else {
                    console.log("上菜");
                }
            }
        }

        class Cook extends Staff {
            constructor(name, salary) {
                super(name, salary);
            }
            serve() {
                console.log("烹饪");
            }
        }

        class Customer {
            order() {
                console.log("点菜");
            }
            eat() {
                console.log("吃菜");
            }
        }

        class Dish {
            constructor(dishname, cost, price) {
                this.dishname = dishname;
                this.cost = cost;
                this.price = price;
            }
        }

        var ifeRestaurant = new Restaurant({
            cash: 1000000,
            seats: 20,
            staff: []
        });

        var newCook = new Cook("Tony", 10000);
        var newCook2 = new Cook("James", 10000);
        ifeRestaurant.hire(newCook);
        ifeRestaurant.hire(newCook2)

        console.log(ifeRestaurant.staff);

        ifeRestaurant.fire(newCook);
        console.log(ifeRestaurant.staff);
    </script>
</body>

</html>

爷爷我回来了

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IFE第四十二天到第四十三天：开一家餐厅吧（一）

task1(ES5)&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;IFE ECMAScript&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;
复制链接

扫一扫