使用嵌套类在ES6中模拟名称空间

Sam 发表于 Dev

山姆

我有一个文件，Services.js试图将所有单独的服务加载到其中。这些文件显示为单例。

Services.js

var Services = { };

export default Services;

然后，我想将Sample Service嵌套在Services下，因此可以调用例如 Services.Sample.Operation()

`SampleService.js'

import Services from './Services';

Services.Sample = {

    Operation: function() {
        alert('operation!') 
    }
};

export default Services.Sample;

然后，我尝试导入：

import Services from './services/Services';
import SampleService from './services/SampleService';

alert(Services);         // yields '[object object]'
alert(SampleService);    // yields '[object object]'
alert(Services.Sample);  // yields 'undefined' <--- This is the one I actually want to use

我如何获得它，所以我可以参考Services.Sample而不是tan SampleService。如何使SampleService嵌套在服务下？

劳拉

你的方式不起作用，因为您要导入Services.js的SampleService.js，但Services变量不是“原始”Services的变量Services.js。

我要做的是这样的：

SampleService.js：

SampleService = {

    Operation: function() {
        alert('operation!') 
    }
};

export default SampleService;

Services.js：

import SampleService from './SampleService';

var Services = { };
Services.Sample = SampleService;

export default Services;

接着：

import Services from './services/Services';

alert(Services);         
alert(Services.Sample);

export default Services;

但这似乎也更有意义，我就基本（中）的依赖和你的模块（定义什么的一致性，Services可以做到在Services.js不SampleService.js，SampleService可能是独立的Services，模块加载Services.js不应该依赖SampleService.js以及可能以后更改。 ..）。