你知道 JS 中的模块导入有一个缺点吗？

做者：Dmitri Pavlutin 译者：前端小智 来源：Dmitri Pavlutin

---

点赞再看，养成习惯

本文 GitHub github.com/qq449245884… 上已经收录，更多往期高赞文章的分类，也整理了不少个人文档，和教程资料。欢迎Star和完善，你们面试能够参照考点复习，但愿咱们一块儿有点东西。

1.命名导入和自动完成

假设我信编写了一个简单的JavaScript模块：

// stringUtils.js
export function equalsIgnoreCase(string1, string2) {
  return string1.toLowerCase() === string2.toLowerCase();
}
复制代码

模块stringUtils具备导出了一个函数exequalsIgnoreCase，该函数比较两个忽略大小写的字符串。

看起来没啥问题，挺好的。

如今在 app.js 文件中导入函数 exequalsIgnoreCase

/ app.js
import { equalsIgnoreCase } from './stringUtils';

equalsIgnoreCase('Hello', 'hello'); // => true
复制代码

咱们大多数会这样来引入：

首先，您必须编写导入名称import {}。 在此步骤中，IDE没法提供有关要导入的可用名称的任何建议。

而后，继续写入 from './stringUtils'，而后移回大括号并展开自动完成以选择要导入的名称。

尽管 ES6 模块优势不少，但导入模块语法使自动完成功能难以使用。

2.Python 中的模块

如今让咱们尝试在 Python 中导入命名组件。它有一样的问题吗？

下面用 Python 实现的相同模块stringUtils和函数equalsIgnoreCase：

# stringUtils.py
def equalsIgnoreCase(string1, string2):
  return string1.lower() == string2.lower()
复制代码

在 Python 中，没必要显式地指出要导出的函数。

如今，在另外一个Python模块app内部，将stringUtils导入equalsIgnoreCase函数：

在Python中，首先指出要从:from stringUtils哪里导入的模块。

若是你想知道能够导入的函数，编辑器已经知道了模块名并给出了必要的建议，这种方式会更加友好。

3.解决方法

我能找到的在JavaScript中对命名导入启用自动完成的惟一解决方案是调用IDE以得到帮助。

例如，在Visual Studio Code中， 能够安装JavaScript (ES6) code snippets插件。

启用插件后，经过使用imd代码段并按tab键，光标首先跳到编写模块路径的位置。而后，在按下tab键后，光标会跳转回花括号内的导入位置。它是这样工做的:

总结

在JavaScript中，导入语法会强制咱们先指出要导入的项目（函数，类，变量），而后再指明模块的路径。 这种方法不太友好。

相反，在Python中，首先指定模块名称，而后指定要导入的组件：from stringUtils import equalsIgnoreCase。 使用此语法能够轻松自动完成导入的项目。

经过使用IDE的扩展插件，例如 ES6 code snippet 插件，能够减轻JavaScript中命名导入自动完成的问题, 总比没有好。

---

原文：dmitripavlutin.com/javascript-…

交流

文章每周持续更新，能够微信搜索「 大迁世界 」第一时间阅读和催更（比博客早一到两篇哟），本文 GitHub github.com/qq449245884… 已经收录，整理了不少个人文档，欢迎Star和完善，你们面试能够参照考点复习，另外关注公众号，后台回复福利，便可看到福利，你懂的。