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

1. 命名导入和自动完成

成都创新互联2013年开创至今，是专业互联网技术服务公司，拥有项目成都网站建设、网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元资源做网站,已为上家服务,为资源各地企业和个人服务,联系电话:18980820575

假设我编写了一个简单的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中命名导入自动完成的问题, 总比没有好。

名称栏目：你知道JS中的模块导入有一个缺点吗？
文章来源：http://www.shufengxianlan.com/qtweb/news43/222493.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联