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

前端小智 2020/4/8 14:01:24

作者:Dmitri Pavlutin
译者:前端小智
来源:Dmitri Pavlutin

点赞再看,养成习惯

本文 GitHub https://github.com/qq44924588... 上已经收录,更多往期高赞文章的分类,也整理了很多我的文档,和教程资料。欢迎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中命名导入自动完成的问题, 总比没有好。


代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug

原文:https://dmitripavlutin.com/ja...


交流

文章每周持续更新,可以微信搜索「 大迁世界 」第一时间阅读和催更(比博客早一到两篇哟),本文 GitHub https://github.com/qq449245884/xiaozhi 已经收录,整理了很多我的文档,欢迎Star和完善,大家面试可以参照考点复习,另外关注公众号,后台回复福利,即可看到福利,你懂的。

随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[你知道 JS 中的模块导入有一个缺点吗?]http://www.zyiz.net/tech/detail-125098.html

上一篇:一杯喜茶的时间手搓Promise

下一篇:实用算法解析 - 动态规划

赞(0)

共有 条评论 网友评论

验证码: 看不清楚?
    关注微信小程序
    程序员编程王-随时随地学编程

    扫描二维码或查找【程序员编程王】

    可以随时随地学编程啦!

    技术文章导航 更多>
    扫一扫关注最新编程教程