JS中的模块导入缺点是什么

这篇文章主要介绍“JS中的模块导入缺点是什么”,在日常操作中,相信很多人在JS中的模块导入缺点是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JS中的模块导入缺点是什么”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

创新互联公司企业建站,10余年网站建设经验,专注于网站建设技术,精于网页设计,有多年建站和网站代运营经验,设计师为客户打造网络企业风格,提供周到的建站售前咨询和贴心的售后服务。对于网站设计制作、成都网站设计中不同领域进行深入了解和探索,创新互联在网站建设中充分了解客户行业的需求,以灵动的思维在网页中充分展现,通过对客户行业精准市场调研,为客户提供的解决方案。

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

我们大多数会这样来引入:

JS中的模块导入缺点是什么

首先,您必须编写导入名称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函数:

JS中的模块导入缺点是什么

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

如果你想知道可以导入的函数,编辑器已经知道了模块名并给出了必要的建议,这种方式会更加友好。

3. 解决方法

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

例如,在Visual Studio Code中, 可以安装JavaScript (ES6) code snippets插件。

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

JS中的模块导入缺点是什么

到此,关于“JS中的模块导入缺点是什么”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


网页名称:JS中的模块导入缺点是什么
链接URL:http://pwwzsj.com/article/jpeejs.html