你知道 JS 中的模块导入有一个缺点吗?
2020/4/8 11:01:31
本文主要是介绍你知道 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和完善,大家面试可以参照考点复习,另外关注公众号,后台回复福利,即可看到福利,你懂的。
这篇关于你知道 JS 中的模块导入有一个缺点吗?的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-04package.json 文件位置在哪?-icode9专业技术文章分享
- 2024-10-01Craco.js学习:从入门到实践指南
- 2024-10-01Create-React-App学习:入门与实践指南
- 2024-10-01CSS-in-JS学习:从入门到实践指南
- 2024-09-30JSX语法学习:从入门到初步掌握
- 2024-09-30Mock.js学习:入门教程与实战演练
- 2024-09-30React Hooks学习:从入门到实践
- 2024-09-30受控组件学习:React中的基础入门教程
- 2024-09-29JS定时器教程:初学者必看指南
- 2024-09-29JS对象教程:初学者的全面指南