Javascript 設(shè)計(jì)模式 -- Singleton（單例）模式

李濤發(fā)布于2019-08-21 10:23 / 2111人閱讀

摘要：從經(jīng)典意義上來(lái)說(shuō)模式，在該實(shí)例不存在的情況下，可以通過(guò)一個(gè)方法創(chuàng)建一個(gè)類(lèi)來(lái)實(shí)現(xiàn)創(chuàng)建類(lèi)的新實(shí)例如果實(shí)例已經(jīng)存在，它會(huì)簡(jiǎn)單返回該對(duì)象的引用。模式的適用性描述如下當(dāng)類(lèi)只能有一個(gè)實(shí)例而且客戶(hù)可以從一個(gè)眾所周知的訪問(wèn)點(diǎn)訪問(wèn)它時(shí)。

從經(jīng)典意義上來(lái)說(shuō)

Singleton模式，在該實(shí)例不存在的情況下，可以通過(guò)一個(gè)方法創(chuàng)建一個(gè)類(lèi)來(lái)實(shí)現(xiàn)創(chuàng)建類(lèi)的新實(shí)例；如果實(shí)例已經(jīng)存在，它會(huì)簡(jiǎn)單返回該對(duì)象的引用。Singleton不同于靜態(tài)類(lèi)，因?yàn)槲覀兛梢酝七t他們的初始化。

var mySingleton = (function() {

    var instance;

    function init() {

        function privateMethod() {
            console.log("i am private");
        }

        var privateVariable = "i am also private";

        var privateRandomNumber = Math.random();

        return {
            publickMethod: function () {
                console.log("the public can see me");
            },

            publicProperty: "i am also public",

            getRandomNumber: function () {
                return privateRandomNumber;
            }
        };
    };

    return {
        getInstance: function() {
            if (!instance) {
                instance = init();
            }
            return instance;
        }
    };
}) ();

var myBadSingleton = (function() {
    var instance;
    function init() {
        var privateRandomNumber = Math.random();
        return {
            getRandomNumber: function() {
                return privateRandomNumber;
            }
        };
    };
    return {
        getInstance: function() {
            instance = init();
            return instance;
        }
    };
})();

var singleA = mySingleton.getInstance();
var singleB = mySingleton.getInstance();
console.log(singleA.getRandomNumber());
console.log(singleB.getRandomNumber());
console.log(singleA.getRandomNumber() === singleB.getRandomNumber());            // true

console.log("
");

var badSingleA = myBadSingleton.getInstance();
var badSingleB = myBadSingleton.getInstance();
console.log(badSingleA.getRandomNumber());
console.log(badSingleB.getRandomNumber());
console.log(badSingleA.getRandomNumber() === badSingleB.getRandomNumber());      // false

Singleton模式的適用性描述如下：
1、當(dāng)類(lèi)只能有一個(gè)實(shí)例而且客戶(hù)可以從一個(gè)眾所周知的訪問(wèn)點(diǎn)訪問(wèn)它時(shí)。
2、該唯一的實(shí)例應(yīng)該是通過(guò)子類(lèi)化可擴(kuò)展的，并且客戶(hù)應(yīng)該無(wú)需要改代碼就能使用一個(gè)擴(kuò)展的實(shí)例。

在實(shí)踐中

var SingletonTester = (function() {
    function Singleton( options ) {
        options = options || { };
        this.name = "SingletonTester";
        this.pointX = options.pointX || 6;
        this.pointY = options.pointY || 10;
    }
    var instance;
    var _static = {
        name: "SingletonTester",
        getInstance: function ( options ) {
            console.log(instance + "
");
            if ( instance === undefined ) {
                instance = new Singleton( options );
            }
            return instance;
        }
    };
    return _static;
})();

var test1 = SingletonTester.getInstance({pointX: 15});
console.log(test1);

console.log("
");

var test2 = SingletonTester.getInstance({pointX: 7});
console.log(test2);

結(jié)果如圖：