es2015重新导出模块并覆盖重新导出模块的单个导出功能

时间:2016-01-12 13:33:22

标签: javascript import reactjs export ecmascript-6

我想重新导出整个模块并仅覆盖重新导出模块的特定功能。但是,当已经重新报告相同的函数时,似乎不会处理导出覆盖函数。

http://www.ecma-international.org/ecma-262/6.0/#sec-module-semantics-static-semantics-early-errors,'如果ModuleItemList的ExportedNames包含任何重复的条目,则为语法错误。')

我的方法背后的动机是最小化显式重新导出非常大或长的模块,如果我只想覆盖重新导出的模块中的特定函数或方法。

有没有办法在es6 / es2015中实现我的方法?

到目前为止我的代码:

模块a.js

export class MyFirstStandardClass {
  sendMeMessages() {
  return `hello, I'm a standard implementation`;
  }
}
export function talkToMe() {
  return `standard talking: how are you doing?`;
}

模块b.js

import * as StandardModule from 'module-a';

export function talkToMe(condition = true) {
  if (condition) {
    return `project conditional talking: ${StandardModule.talkToMe()}`;
  }
  return `project without a condition!`;
}

export * from 'module-a';

模块c.js

import * as MyModule from 'module-b';
import React, { Component } from 'react';

export default class App extends Component {

  componentWillMount() {
    console.log(MyModule);
    this.myFirstStandardInstance = new MyModule.MyFirstStandardClass();
  }

  render() {
    return (
      <div>
        <label>
          Class
        </label>
        <div>
          { this.myFirstStandardInstance.sendMeMessages() }
        </div>
        <label>
          Function
        </label>
        <div>
          { MyModule.talkToMe(true) } // returns 'standard talking: how are you doing?'; expected 'project conditional talking: standard talking: how are you doing?' 
        </div>
      </div>
    );
  }
}

2 个答案:

答案 0 :(得分:3)

似乎我的第一个解决方案应该有效。根据ECMAScript规范,本地出口应优先考虑。 (http://www.ecma-international.org/ecma-262/6.0/#sec-getexportednames

这是巴贝尔发布者的一个问题。更多信息:https://github.com/systemjs/systemjs/issues/1031#issuecomment-171262430

Babel问题:https://phabricator.babeljs.io/T6967

答案 1 :(得分:0)

您可以选择module-a中的哪些模块在一行中导出。所以在module-b.js你可以做到:

// export all modules excluding `talkToMe`
export { MyFirstStandardClass, someOtherModule } from 'module-a';

export function talkToMe(condition = true) {
    // ...
}

或者您可以导出默认对象并使用Object.assign()选择要排除/覆盖的内容:

import * as StandardModule from 'module-a';

const overridenExports = {
    talkToMe: function(condition = true) {
        // ...
    }
}

const myModule = Object.assign({}, StandardModule, overridenExports);

export default myModule;

并导入默认值:

import MyModule from 'module-b';