2016 - 2024

感恩一路有你

es6模块化和commonjs的区别 require和import区别?

浏览量:1393 时间:2021-03-12 03:48:17 作者:admin

require和import区别?

JavaScript语言只用了十天的时间就设计出来了,自然的设计并不完美。甚至,一旦页面打开,弹出的小广告,都是用JS完成的。随着Google地图等应用程序的发布,AJAX技术彻底火了JS,很多应用程序使用AJAX,最重要的技术就是JavaScript。

尽管JavaScript有缺陷,但它仍在不断升级。经过不断的改进,现在的JS应该说是优秀的。随着大前端时代的到来,节点.js, 虚拟用户.js等等技术,也让JS的地位不可动摇。想要完全取代JS,不是一夜之间。微软推出了typescript,谷歌推出了dart来取代JS,但现在看来还有很长的路要走。

没有语言是完美的,就像没有人是完美的一样。程序员只需要找到最合适的语言。在未来,也许有一天,一种新的语言将取代JavaScript。

既然Javascript有这么多缺陷,那为什么人们不参考它的功能开发一门新语言而是一直对它修改呢?

示例:定义和使用ES6模块;codingdict.com/article/7551

定义模块:消息模块.js

导入模块:消费模块.js

使用以下命令通过NPM安装ES6模块转换器-

假设给定JS项目的目录结构如下-

其中脚本是包含我的ES6代码示例的目录。我们将ES6代码转换为Es5,并将其保存在上面显示的目录中。

步骤1-导航到D/ES6/scripts目录并将ES6代码转换为commonjs格式。您也可以选择将其转换为AMD格式,并使用浏览器运行相同的程序。

在节点窗口中键入以下代码以将代码转换为通用JS格式-

以上命令将传输脚本目录中的所有JS文件,并将翻译后的版本放入out子目录。

步骤2-执行脚本代码。

以下是上述代码的输出。

注意-模块也可以重新导出,即导入模块的代码也可以将其导出。

es6模块化和commonjs的区别 es6模块化 js模块化编程规范

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。