IFE第四十二天到第四十三天：開一家餐廳吧（一）
阿新 • • 發佈：2019-01-06
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>