ステップアップのためのJavascriptデザインパターン入門（５） 【シングルトンパターン】

var Singleton = {
    prop: 1,
    another_prop: 'value',
    method: function() {…},
    another_method: function() {…}
};

var watch = (function() {

    function Watch() {
        this.date = null;
        this.timer = null;

        this._init();
    }

    Watch.prototype._init = function() {
        var self = this;
        this.week = ['日', '月', '火', '水', '木', '金', '土'];

        this.update();
        this.timer = setInterval(function() {
            self.update();
        }, 1000);
    };

    Watch.prototype.update = function() {
        this.date = new Date();
        this.render(this.formatter(this.date));
    };

    Watch.prototype.render = function(format) {
        console.log(format);
    };

    Watch.prototype.formatter = function(date) {
        var month = date.getMonth() + 1,
            day = date.getDate(),
            weekday = this.week[date.getDay()],
            after = date.getHours() < 12 ? '午前' : '午後',
            hour = date.getHours() > 12 ?
                ('0' + (date.getHours() - 12)).slice(-2) :
                ('0' + date.getHours()).slice(-2),
            minutes = ('0' + date.getMinutes()).slice(-2),
            seconds = ('0' + date.getSeconds()).slice(-2);

        return month + '月' + day + '日(' + weekday + ') ' + after + hour + ':' + minutes + ':' + seconds;
    };

    // インスタンスの保存場所
    var instance;

    // 静的な変数やメソッドの列挙
    var _static = {

        name: 'Watch',

        // インスタンスを取得するメソッド
        // シングルトンオブジェクトのインスタンスを返す。
        getInstance: function(options) {

            if (instance === undefined) {
                instance = new Watch();
            }

            return instance;

        }
    };

    return _static;

})();

watch.getInstance().update();