js之单例模式

2018-08-07 08:43:49来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

单例模式是指一个类,只有一个实例。实现的思路是,创建实例时候加判断,如果有实例则返回,如果没有就new一个,并返回。

第一步: 创建类。

function Waiter(id, name, salary) { // 创建了一个Waiter类
        Employees.call(this, id, name, salary) // 这里Waiter继承了Employees,Employees是个父类,也可以没有
} Waiter.prototype
= Object.create(Employees.prototype); Waiter.prototype.constructor= Waiter; Waiter.prototype.work = function (arg) { // 重写原型上的方法 if (arg instanceof Array){ //数组的话,记录点菜 console.log('finish order dish $记录work'); return this; } else { //上菜行为 console.log('finish serving a dish $记录work') } }; // cook调用的方法,返回菜单 Waiter.prototype.tellCookTheMenu = function () { return this.menu; }; // cook调用的方法,拿到做好的菜 Waiter.prototype.serving = function () { this.work();// 上菜行为 this.customer.eat(); };

第二步:使用return结果,这里有判断。

 return {
        name: 'waiter',
        getWaiterInstance: function (...arg) {
            if (!waiter) {
                waiter = new Waiter(...arg)
            }
            return waiter;
        }
    }

第三部:将1、2整合

//服务员 单例
var waiterSingle = (function () { // 是一个立即执行函数,并将执行的结果赋值给waiterSingle
    var waiter = null; // 实例存在这个变量里
    function Waiter(id, name, salary) {
        Employees.call(this, id, name, salary)
    }
    Waiter.prototype = Object.create(Employees.prototype);
    Waiter.prototype.constructor= Waiter;
    Waiter.prototype.work = function (arg) { // 重写原型上的方法
        if (arg instanceof Array){ //数组的话,记录点菜
            console.log('finish order dish $记录work');
            return this;
        } else { //上菜行为
            console.log('finish serving a dish $记录work')
        }
    };
    // cook调用的方法,返回菜单
    Waiter.prototype.tellCookTheMenu = function () {
        return this.menu;
    };
    // cook调用的方法,拿到做好的菜
    Waiter.prototype.serving = function () {
        this.work();// 上菜行为
        this.customer.eat();
    };

    // 从顾客order方法,拿到点的菜
    Waiter.prototype.getMenu = function (arg) {
        this.customer = arg;
        this.menu = arg.dish;
        console.log('waiter get the menu', this.menu);
        return this;
    };

    return {
        name: 'waiter',
        getWaiterInstance: function (...arg) {
            if (!waiter) {  // 判断如果waiter里没有,则new,并赋值给waiter
                waiter = new Waiter(...arg)
            }
            return waiter;
        }
    }
})();

第四步:创建实例方式

var waiter = waiterSingle.getWaiterInstance(2, 'Lucy', 5000);

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JS运行机制(同步、异步、Event Loop)

下一篇:React Antd中样式的修改