是否可以将选项传递给ES6导入？

您如何翻译此：

var x = require('module')(someoptions);

到ES6？

用单个import语句无法做到这一点，它不允许调用。

因此，您不会直接调用它，但是基本上可以执行与commonjs默认导出相同的操作：

// module.js
export default function(options) {
    return {
        // actual module
    }
}

// main.js
import m from 'module';
var x = m(someoptions);

另外，如果您使用支持单价承诺的模块加载器，则可以执行类似

System.import('module').ap(someoptions).then(function(x) {
    …
});

有了新的import运营商，它可能会变成

const promise = import('module').then(m => m(someoptions));

要么

const x = (await import('module'))(someoptions)

但是，您可能不希望动态导入，而希望静态导入。

概念

这是我使用ES6的解决方案

与@Bergi的响应非常一致，这是在创建需要传递用于class声明的参数的导入时使用的“模板” 。这是在我正在编写的同构框架上使用的，因此可以在浏览器和node.js（我Babel与一起使用Webpack）中使用翻译器：

./MyClass.js

export default (Param1, Param2) => class MyClass {
    constructor(){
        console.log( Param1 );
    }
}

./main.js

import MyClassFactory from './MyClass.js';

let MyClass = MyClassFactory('foo', 'bar');

let myInstance = new MyClass();

上面将foo在控制台中输出

编辑

真实的例子

对于一个真实的示例，我正在使用它来传递名称空间，以访问框架中的其他类和实例。因为我们只是创建一个函数并将对象作为参数传递，所以可以将其与类声明一起使用，如下所示：

export default (UIFramework) => class MyView extends UIFramework.Type.View {
    getModels() {
        // ...
        UIFramework.Models.getModelsForView( this._models );
        // ...
    }
}

导入有点复杂，automagical就我而言，它是一个完整的框架，但实际上这是正在发生的事情：

// ...
getView( viewName ){
    //...
    const ViewFactory = require(viewFileLoc);
    const View = ViewFactory(this);
    return new View();
}
// ...

我希望这有帮助！

在@Bergi的答案上建立以使用es6 使用调试模块的方法如下

// original
var debug = require('debug')('http');

// ES6
import * as Debug from 'debug';
const debug = Debug('http');

// Use in your code as normal
debug('Hello World!');

我相信您可以使用es6模块加载器。 http://babeljs.io/docs/learn-es6/

System.import("lib/math").then(function(m) {
  m(youroptionshere);
});

您只需要添加这两行。

import xModule from 'module';
const x = xModule('someOptions');

我已经在这个线程上寻找了类似的东西，并且至少在某些情况下想提出一种解决方案（但请参见下面的备注）。

用例

我有一个模块，该模块在加载后立即运行一些实例化逻辑。我不喜欢在模块外部调用此初始化逻辑（这与call new SomeClass(p1, p2)或new ((p1, p2) => class SomeClass { ... p1 ... p2 ... })类似方法相同）。

我确实喜欢这种初始化逻辑运行一次，就像是一种奇异的实例化流程，但是对于某些特定的参数化上下文却运行一次。

例

service.js 具有非常基本的范围：

let context = null;                  // meanwhile i'm just leaving this as is
console.log('initialized in context ' + (context ? context : 'root'));

模块A：

import * as S from 'service.js';     // console has now "initialized in context root"

模块B执行以下操作：

import * as S from 'service.js';     // console stays unchanged! module's script runs only once

到目前为止一切顺利：服务可用于两个模块，但仅初始化一次。

问题

如何使其在另一个实例中运行并在另一个上下文中再次初始化自身，例如在模块C中？

解？

这就是我在考虑的问题：使用查询参数。在服务中，我们将添加以下内容：

let context = new URL(import.meta.url).searchParams.get('context');

模块C可以做到：

import * as S from 'service.js?context=special';

该模块将被重新导入，它的基本初始化逻辑将运行，我们将在控制台中看到：

initialized in context special

备注：我本人建议不要过多地实践此方法，而应将其作为最后的选择。为什么？多次导入模块是一个例外，而不是一条规则，因此，这在某种程度上是意料之外的行为，因此可能会使使用者感到困惑，甚至破坏它自己的“单一”范式（如果有）。

这是我以调试模块为例对这个问题的看法。

在此模块的npm页面上，您具有以下内容：

var debug = require（'debug'）（'http'）

在上面的行中，将一个字符串传递到导入的模块以进行构造。这是您在ES6中执行的操作

从'debug'导入{debug as Debug} const debug = Debug（'http'）;

希望这可以帮助某人。