如何实现JavaScript模块的导出与导入功能？

本文共计1725个文字，预计阅读时间需要7分钟。

最近看了些Vue框架写的程序，发现自己的前端知识好像停滞在几年前提了。现在在JavaScript程序中发现对module的导入和导出有很多不同方式，导入不单单看跟Python的语法相似，还有其他方式。

最近看了些Vue框架写的程序，发现自己的前端知识还停留在几年以前，发现现在Javascript程序里有各种各样的对module的导入和到处，导入乍一看跟python的语法挺像的无非就是把from和import这两个关键词的使用颠倒了一下顺序。仔细看下来还是和python挺不一样的import模块的前提是模块有导出，并且还分默认导出和命名导出，有些麻烦。所以今天这篇文章就把所有的export形式和相应的import使用汇总一下。

ES6在语言标准的层面上，实现了模块功能，成为浏览器和服务器通用的模块解决方案，完全可以取代 CommonJS 和 AMD 规范，基本特点如下：

• 每一个模块只加载一次， 每一个JS只执行一次， 如果下次再去加载同目录下同文件，直接从内存中读取；
• 每一个模块内声明的变量都是局部变量， 不会污染全局作用域；
• 模块内部的变量或者函数可以通过export导出；
• 一个模块可以导入别的模块

2.模块功能主要由两个命令构成：export和import。export命令用于规定模块的对外接口，import命令用于输入其他模块提供的功能；

3.一个模块就是一个独立的文件，该文件内部的所有变量，外部无法获取。