欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript中导出与导入实现模块化管理教程

程序员文章站 2024-01-23 21:11:40
在理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,在es6以前,javascript一直没有自己模块体系(module),无法将一个大程序拆分成互相依赖的小文件,再...

在理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,在es6以前,javascript一直没有自己模块体系(module),无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。如果要想在前端做模块化开发,必须依赖第三方框架来实现,如:requirejs与seajs。

javascript中的导出和导入实现模块化管理

requirejs是amd规范的起源,seajs是cmd规范的起源,由于两者功能高度重合,后来seajs不再维护,从此淡出人们的视野,于是requirejs一家独大,直到es6的出现,且迅速成为前端和服务器端通用的模块解决方案,完全可以取代amd 规范和nodejs支持的commonjs 规范。

es6中首次引入模块化开发规范es module,让javascript首次支持原生模块化开发,使用 export 和 import 关键字进行模块化开发。

1 export:用于对外输出本模块

方法1 声明时直接导出

方法2 统一在最后导出

方法3 起别名

方法4 对导入的方法直接导出

这种方法常用于统一文件导出

方法5 默认导出(default)

这种导出方式一个js文件只能有一个default,所以它后面不能跟变量声明语句。

方法6 导出类

2 import:用于在模块中加载含有export接口的模块

方法1 直接导出

方法2 起别名

这种情况一般用于导入的两个或者多个模块中存在相同的导入内容

方法3 一次导入文件中所有

方法4 导入使用default方式导出的模块

到此这篇关于javascript中导出与导入实现模块化管理教程的文章就介绍到这了,更多相关javascript导出与导入模块化管理内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!