带有少量代码行的es6模块。我应该出口什么?

gtournie

我有一个仅几行代码的jQuery助手:

$(document).on('change', '.foo', (e) => {
  $(e.target).closest('form')[0].submit();
});

问题是,我使用es6模块,但我不知道要导出什么。编写此内容的最佳方法是什么?

我应该做:

export default function foo() {
  $(document).on('change', '.foo', (e) => {
    $(e.target).closest('form')[0].submit();
  });
}

并在每个我需要此帮助器的文件中调用foo?(我也可以将其放在条目文件中,但是稍后将很难知道模块是否仍在使用它)。

或者:

export default (function() {
  $(document).on('change', '.foo', (e) => {
    $(e.target).closest('form')[0].submit();
  });
})()

(但是这看起来真的很丑)

贝吉

您无需导出任何内容。如果您只想通过加载模块来执行副作用,那很好。

// foo-submitter.js
import $ from 'jquery';
$(document).on('change', '.foo', (e) => {
    $(e.target).closest('form')[0].submit();
});

// main.js
import 'foo-submitter';

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

ES6-带有吸气剂的出口模块

来自分类Dev

ES6模块,停止执行代码

来自分类Dev

此ES6代码有什么作用?

来自分类Dev

我对ES6中的导入有什么误解?

来自分类Dev

browserify / requirejs模块和ES6模块之间有什么区别

来自分类Dev

导入类并使用带有Babel Transpiler的es6模块调用静态方法

来自分类Dev

带有ES6模块的d3 v4.0自定义构建

来自分类Dev

带有ES6模块的角度测试用例中的未知提供程序

来自分类Dev

如何使用Mocha测试ES6模块(带有导入功能)?

来自分类Dev

如何发布带有commonjs和es6版本的NPM模块?

来自分类Dev

在带有多个文件的ES6模块中创建名称空间。馊主意?

来自分类Dev

带有ES6模块的角度测试用例中的未知提供程序

来自分类Dev

ES6进出口问题

来自分类Dev

从ES6模块导入函数表达式或函数声明有什么区别?

来自分类Dev

为什么在ES6模块中导出的对象具有未定义的方法?

来自分类Dev

调试使用ES6模块的JavaScript代码

来自分类Dev

将旧的 JavaScript 代码转换为 ES6 模块

来自分类Dev

为什么setInterval()在我的ES6代码中不起作用?

来自分类Dev

为什么setInterval()在我的ES6代码中不起作用?

来自分类Dev

Node.js & Mocha/Should (JavaScript, ES6):代码虽然看起来应该执行但没有执行

来自分类Dev

在带有或不带有箭头的ES6中创建顶级功能的优点/缺点是什么?

来自分类Dev

ReactJS.net-我如何使用ES6模块

来自分类Dev

如何让 webpack treeshake 我的 ES6 模块?

来自分类Dev

带ES6模块的TypeScript的最佳方法是什么?

来自分类Dev

ES6模块的module.exports等价于什么?

来自分类Dev

ES6模块,什么算作首次导入?

来自分类Dev

导入es6模块的最佳方法是什么?

来自分类Dev

ES6中的子模块是什么?

来自分类Dev

使用JavaScript ES6模块导入现有库

Related 相关文章

  1. 1

    ES6-带有吸气剂的出口模块

  2. 2

    ES6模块,停止执行代码

  3. 3

    此ES6代码有什么作用?

  4. 4

    我对ES6中的导入有什么误解?

  5. 5

    browserify / requirejs模块和ES6模块之间有什么区别

  6. 6

    导入类并使用带有Babel Transpiler的es6模块调用静态方法

  7. 7

    带有ES6模块的d3 v4.0自定义构建

  8. 8

    带有ES6模块的角度测试用例中的未知提供程序

  9. 9

    如何使用Mocha测试ES6模块(带有导入功能)?

  10. 10

    如何发布带有commonjs和es6版本的NPM模块?

  11. 11

    在带有多个文件的ES6模块中创建名称空间。馊主意?

  12. 12

    带有ES6模块的角度测试用例中的未知提供程序

  13. 13

    ES6进出口问题

  14. 14

    从ES6模块导入函数表达式或函数声明有什么区别?

  15. 15

    为什么在ES6模块中导出的对象具有未定义的方法?

  16. 16

    调试使用ES6模块的JavaScript代码

  17. 17

    将旧的 JavaScript 代码转换为 ES6 模块

  18. 18

    为什么setInterval()在我的ES6代码中不起作用?

  19. 19

    为什么setInterval()在我的ES6代码中不起作用?

  20. 20

    Node.js & Mocha/Should (JavaScript, ES6):代码虽然看起来应该执行但没有执行

  21. 21

    在带有或不带有箭头的ES6中创建顶级功能的优点/缺点是什么?

  22. 22

    ReactJS.net-我如何使用ES6模块

  23. 23

    如何让 webpack treeshake 我的 ES6 模块?

  24. 24

    带ES6模块的TypeScript的最佳方法是什么?

  25. 25

    ES6模块的module.exports等价于什么?

  26. 26

    ES6模块,什么算作首次导入?

  27. 27

    导入es6模块的最佳方法是什么?

  28. 28

    ES6中的子模块是什么?

  29. 29

    使用JavaScript ES6模块导入现有库

热门标签

归档