Создать синглтон-класс с реагировать на родной

Question

Создать синглтон-класс с реагировать на родной

1

Я нашел разные темы, объясняющие, как создать синглтон, но ни один из них не работал для меня. Это пример, взятый из этой публикации

export default class Credentials {

    static myInstance = null;

    _userID = "";

    static getInstance() {
        if (myInstance == null) {
            myInstance = new Credentials();
        }

        return myInstance;
    }

    getUserID() {
        return this._userID;
    }

    setUserID(id) {
        this._userID = id;
    }
}

когда я вызываю Credentials.getInstance() я получаю предупреждение

Не удается найти переменную myInstance

j.doe 05 дек. 2017, в 18:22

Источник

Теги:

javascript

react-native

3 ответа

Ещё вопросы

nem035 · Answer 1 · 2017-12-05T14-57-00.000Z

JS не имеет неявного поиска в поле, как статически скомпилированные языки. Вам нужно явно искать переменные в классе:

class Credentials {

    static myInstance = null;

    static getInstance() {
      if (Credentials.myInstance == null) {
        Credentials.myInstance = new Credentials();
      }

      return Credentials.myInstance;
    }
}

Будьте осторожны с этим подходом, поскольку это не поистине одноэлемент, потому что JS не имеет надлежащей инкапсуляции класса.

Вы можете легко изменить экземпляр:

Credentials.myInstance = 'something else';

Правильный синглтон с инкапсуляцией должен быть реализован через закрытие:

const Credentials = (() => {
  let myInstance = null;
  return class Credentials {
    static getInstance() {
      if (myInstance == null) {
        myInstance = new Credentials();
      }
      return myInstance;
    } 
  }
})()

Artal · Answer 2 · 2017-12-05T20-31-00.000Z

Я думаю, что самым простым и понятным решением будет "синглтонная модель ES6" (не уверен, есть ли официальное название этого шаблона).

Вы экспортируете экземпляр по умолчанию, и везде, где вы его импортируете, вы получаете тот же экземпляр. Это зависит от того, что модуль требует кэширования.

Вы бы создали свой класс и экспортировали его так:

class Credentials {

    constructor() {
        this._userID = "";
    }

    get userID() {
        return this._userID;
    }

    set userID(userID) {
        this._userID = userID;
    }

}

export default new Credentials();

Где бы вы его не импортировали, вы получаете тот же экземпляр:

import credentials from './credentials';

@Nicodemuz, что не работает для вас точно? Я использовал этот шаблон много раз в проектах RN без каких-либо проблем
Я продолжаю получать новый экземпляр вместо того же самого.
интересно ... если это действительно не сработает, я бы хотел знать :) как вы это тестируете? Я попытался потребовать это дважды в одном и том же блоке кода и сравнить - они равны, что означает один и тот же экземпляр, насколько я понимаю. Я также пытался добавить статический счетчик, который увеличивается в конструкторе, а затем регистрировать его в нескольких местах в приложении - всегда получать счетчик единиц.

Nandu Kalidindi · Answer 3 · 2017-12-05T19-56-00.000Z

Этого должно быть достаточно для любого экземпляра одной тонны в JS.

Теперь, где бы вы его не импортировали, будет использоваться тот же самый экземпляр. Вы можете перекрестно проверить, добавив дату внутри класса и доступ к ней в разных местах, где вы импортировали это.

import { SomeClass } from 'some-class'

let singletonInstance;

if (!singletonInstance) {
  singletonInstance = new SomeClass();
  // singletonInstance.time = new Date();
}

export default singletonInstance;

Затем импортируйте его, используя

import singletonInstance from './above-code-file'