Преобразование объектов Singleton JS использовать ES6 классы

Question

Я использую ES6 с WebPack ES6-transpiler на мою статью здесь: http://www.railsonmaui.com/blog/2014/10/02/integrating-webpack-and-the-es6-transpiler-into-an-existing-rails-project/

Имеет ли смысл преобразовать два объектов Singleton использовать классы ES6?

import { CHANGE_EVENT } from "../constants/Constants"; 

var EventEmitter = require('events').EventEmitter; 
var merge = require('react/lib/merge'); 

var _flash = null; 

var BaseStore = merge(EventEmitter.prototype, { 

    emitChange: function() { 
    this.emit(CHANGE_EVENT); 
    }, 

    /** 
    * @param {function} callback 
    */ 
    addChangeListener: function(callback) { 
    this.on(CHANGE_EVENT, callback); 
    }, 

    /** 
    * @param {function} callback 
    */ 
    removeChangeListener: function(callback) { 
    this.removeListener(CHANGE_EVENT, callback); 
    }, 

    getFlash: function() { 
    return _flash; 
    }, 

    setFlash: function(flash) { 
    _flash = flash; 
    } 
}); 

export { BaseStore }; 

Это файл ManagerProducts.jsx, который имеет синглтон, который должен простираться от BaseStore.

Answer 1

Я бы сказал, что одиночные игры (классы, которые управляют своим временем жизни в одиночном режиме) не нужны ни на одном языке. Это не значит, что однолетнее время жизни не полезно, просто я предпочитаю, чтобы что-то, кроме класса, управляло временем жизни объекта, например, контейнера DI.

Как сказано, одноэлементный шаблон МОЖЕТ применяться к классам JavaScript, заимствуя шаблон «SingletonEnforcer», который использовался в ActionScript. Я вижу, что хочу сделать что-то подобное при переносе существующей базы кода, которая использует синглтоны в ES6.

В этом случае идея состоит в том, что вы делаете приватный (через un экспонированный символ) статический singleton экземпляр с открытым статическим instance геттером. Затем вы ограничиваете конструктор тем, что имеет доступ к специальному символу singletonEnforcer, который не отображается вне модуля. Таким образом, конструктор терпит неудачу, если кто-то, кроме синглтона, попытается «обновить» его. Это будет выглядеть примерно так:

const singleton = Symbol(); 
const singletonEnforcer = Symbol() 

class SingletonTest { 

    constructor(enforcer) { 
    if(enforcer != singletonEnforcer) throw "Cannot construct singleton"; 
    } 

    static get instance() { 
    if(!this[singleton]) { 
     this[singleton] = new SingletonTest(singletonEnforcer); 
    } 
    return this[singleton]; 
    } 
} 

export default SingletonTest 

Затем вы можете использовать его как любой другой одноточечного:

import SingletonTest from 'singleton-test'; 
const instance = SingletonTest.instance; 

Answer 2

No. не имеет смысла.

Вот очень простой пример одноплодного объекта в ES6:

let appState = {}; 
export default appState; 

Если вы действительно хотите использовать класс в вашей одноплодной подходе, я бы рекомендовал не использовать «статический», поскольку это более запутанный, чем пользы для одноточечного по крайней мере, для JS и вместо вернуть экземпляр класса как синглтон как так ...

class SomeClassUsedOnlyAsASingleton { 
    // implementation 
} 

export default new SomeClassUsedOnlyAsASingleton(); 

таким образом, вы все еще можете использовать все классовые вещи, которые вы любите, что предложения JavaScript, но это приведет к сокращению путаница, поскольку статичность ИМО не полностью поддерживается в классах JavaScript, так или иначе, как на типизированных языках, таких как C# или Java, поскольку он поддерживает только статические методы, если вы просто не подделываете его и не присоединяете непосредственно к классу (на момент написания этой статьи).

Answer 3

Для создания создать шаблон Singleton использовать один экземпляр класса ES6;

'use strict'; 

import EventEmitter from 'events'; 

class Single extends EventEmitter { 
    constructor() { 
     this.state = {}; 
    } 

    getState() { 
     return this.state; 
    } 

} 

export default let single = new Single(); 

Update: Согласно @Bergi объяснения, ниже один не является действительным аргументом.

Это работает из-за (см Steven)

> Если я правильно понял CommonJS + реализаций браузера правильно, > выход модуля кэшируются, поэтому экспорт по умолчанию новый MyClass() будет > приведет к чему-то, что ведет себя как singleton (только один экземпляр этого класса будет когда-либо существовать на процесс/клиент в зависимости от > env он работает).

Здесь вы можете найти пример ES6 Singleton.

Примечание: Этот шаблон используется в Flux Dispacher

Flux: www.npmjs.com/package/flux

Dispacher Пример: github.com/facebook/flux/ blob/master/examples/flux-todomvc/js/dispatcher/AppDispatcher.js # L16

Answer 4

Я должен был сделать то же самое, поэтому здесь простой и прямой способ сделать singleton,реверанс http://amanvirk.me/singleton-classes-in-es6/

let instance = null; 

class Cache{ 
    constructor() { 
     if(!instance){ 
       instance = this; 
     } 

     // to test whether we have singleton or not 
     this.time = new Date() 

     return instance; 
     } 
} 


let cache = new Cache() 
console.log(cache.time); 

setTimeout(function(){ 
    let cache = new Cache(); 
    console.log(cache.time); 
},4000); 

Обе console.log вызовы должны печатать один и тот же cache.time (Singleton)