Singleton in RequireJS

Question

Я хочу сделать простой синглтон, используя RequireJS.

Что-то вроде этого:

// js/modules/singleton.js 
define([], function() { 
    var Singleton = function() { 
     this.value = 10; 
    } 
    return new Singleton(); 
}); 

В моем главном входе у меня есть следующий код:

// main.js 
    require.config({ 
      paths: { 
      singleton: 'js/modules/singleton' 
      }, 
      shim: { 

      } 
    }); 

    var o1 = require(["singleton"]); 
    var o2 = require(["singleton"]); 

console.log(o1 === o2);  // true 
console.log(o1.value);  // undefined (?!) 
console.log(o2.value);  // undefined (?!) 

o1.value = 20; 
console.log(o1.value);  // 20 
console.log(o2.value);  // 20 

o2.value = 30; 
console.log(o1.value);  // 30 
console.log(o2.value);  // 30 

переменные O1 и O2 были правильно указывая на то же одноплодной например (o1 === o2), но почему именно o1.value и o2.value undefined ??

Я бы ожидал, что атрибут «значение» будет равным 10 при этом, так как он был так инициализирован.

Answer 1

Ваша проблема в значительной степени зависит от гонки.

Простой (синхронно!) Называют как

var o1 = require(["singleton"]); 

возвращает модуль только, если он предварительно загружен с помощью асинхронной версии require().

Итак, чтобы решить вашу проблему, просто обернуть свой код в асинхронном require() вызова, как это:

require(['singleton'], function(singleton){ 

    o1 = singleton; 
    o2 = singleton; 

    console.log(o1 === o2);  // true 
    console.log(o1.value);  // 10 
    console.log(o2.value);  // 10 

    o1.value = 20; 
    console.log(o1.value);  // 20 
    console.log(o2.value);  // 20 

    o2.value = 30; 
    console.log(o1.value);  // 30 
    console.log(o2.value);  // 30 
}); 

Example Fiddle

Ссылаясь на (подсвечивание добавляемые) RequireJS documentation:

отладки консоли : Если вам нужно работать с модулем, вы уже установили , загруженный по телефону require(["module/name"], function(){}) в JavaScript консоль, то вы можете воспользоваться формой требует(), который просто использует имя строки модуля для извлечения его:

require("module/name").callSomeFunction()

Примечания это работает только, если «модуль/название» ранее было загружено через асинхронная версия запроса: require(["module/name"]). Если используется относительный путь , например, «./module/name», те, которые работают только внутри, определяют