ES6 Singleton vs实例化一次类

Question

我看到使用ES6类使用单例模式的模式,我想知道为什么我会使用它们而不是仅仅在文件底部实例化类并导出实例.这样做有什么负面的缺点吗？例如:

ES6导出实例:

import Constants from '../constants';

class _API {
  constructor() {
    this.url = Constants.API_URL;
  }

  getCities() {
    return fetch(this.url, { method: 'get' })
      .then(response => response.json());
  }
}

const API = new _API();
export default API;

用法:

import API from './services/api-service'

使用以下Singleton模式有什么区别？是否有任何理由使用另一个？我真的更好奇,知道我给出的第一个例子是否会有我不知道的问题.

单身模式:

import Constants from '../constants';

let instance = null;

class API {
  constructor() {

    if(!instance){
      instance = this;
    }

    this.url = Constants.API_URL;

    return instance;
  }

  getCities() {
    return fetch(this.url, { method: 'get' })
      .then(response => response.json());
  }
}

export default API;

用法:

import API from './services/api-service';

let api = new API()

Answer 1

我也不推荐.这完全过于复杂.如果您只需要一个对象,请不要使用class语法!只是去

import Constants from '../constants';

export default {
  url: Constants.API_URL,
  getCities() {
    return fetch(this.url, { method: 'get' }).then(response => response.json());
  }
};

import API from './services/api-service'

或者更简单

import Constants from '../constants';

export const url = Constants.API_URL;
export function getCities() {
  return fetch(url, { method: 'get' }).then(response => response.json());
}

import * as API from './services/api-service'

Answer 2

不同之处在于你是否想要测试.

假设你有api.spec.js测试文件.并且你的API thingy有一个依赖,就像那些常量.

具体来说,两个版本中的构造函数都有一个参数,即Constants导入.

所以你的构造函数看起来像这样:

class API {
    constructor(constants) {
      this.API_URL = constants.API_URL;
    }
    ...
}



// single-instance method first
import API from './api';
describe('Single Instance', () => {
    it('should take Constants as parameter', () => {
        const mockConstants = {
            API_URL: "fake_url"
        }
        const api = new API(mockConstants); // all good, you provided mock here.
    });
});

现在,通过导出实例,没有嘲弄.

import API from './api';
describe('Singleton', () => {
    it('should let us mock the constants somehow', () => {
        const mockConstants = {
            API_URL: "fake_url"
        }
        // erm... now what?
    });
});

在导出实例化对象的情况下,您无法(轻松且理智地)更改其行为.

Answer 3

两者都是不同的方式。导出如下所示的类

const APIobj = new _API();
export default APIobj;   //shortcut=> export new _API()

然后在多个文件中像下面这样导入将指向相同的实例和创建单例模式的方法。

import APIobj from './services/api-service'

而另一种直接导出类的方式不是单例，因为在我们导入的文件中，我们需要新建类，这将为每个新建的导出类创建一个单独的实例：

export default API;

导入类并更新

import API from './services/api-service';
let api = new API()