ES6模块主要有两个功能:export和import

说白了就是一个淡出一个导入,就相当于以前的公共js样,哪个页面要用,就script 引入这个js  ,然后  无耻的调用这个js中的方法了。

export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口
import用于在一个模块中加载另一个含有export接口的模块。
也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)。这几个都是ES6的语法。

随便写个js,然后导出,然后其他页面引入用就行了

在一个文件或模块中,export、import可以有多个,export default仅有一个,通过export方式导出,在导入时要加{ },export default则不需要

这么写不行 要加个然后用就行了,只是import的时候要加{}如图所示,

如果要导出多个变量的话呢(还可以导出函数等等)

引入的时候注意一下,

总结一句话:export与export default可以实现同样的目的,只是用法有些区别;

通过export方式导出,在导入时要加{ },export default则不需要。使用export default命令,为模块指定默认输出,这样就不需要知道所要加载模块的变量名。

最新文章

  1. Frida HOOK微信实现骰子作弊
  2. Last-Modified,Etag,Expire区别
  3. codeforces194a
  4. const in C++
  5. Mvc4_ActionResult应用
  6. Codeforces Round #327 (Div. 2) A. Wizards' Duel 水题
  7. AIDL:Binder invocation to an incorrect interface
  8. web.xml基本配置描述
  9. apache主目录,配置文件目录结构说明
  10. UVA-514 Rails (栈)
  11. iis配置网址(主机名)
  12. HTML入门6
  13. Pandas 处理丢失数据
  14. CLR via C# 中关于装箱拆箱的摘录
  15. POJ 2488 A Knight's Journey-dfs
  16. easyui以及js前端开发常见问题、用法整理(最重要的样式和图标自定义)
  17. Non-technical Blog Recording on Day of Sep. 19th 2017 in Retrospection.
  18. 24 week 4 安装 docker
  19. Linux内核学习笔记之seq_file接口创建可读写proc文件
  20. Codeforces Round #528 div1

热门文章

  1. vue项目打包后一片空白及资源引入的路径报错解决办法
  2. opencv学习笔记——cv::CommandLineParser函数详解
  3. [No0000116]SQLServer启用sa账户
  4. React Router 用法
  5. 【绿书】 模拟,rep大坑
  6. 【作业】用栈模拟dfs
  7. JS图片水印
  8. [Day3]Scanner类、Random类、流程控制语句
  9. Nessus离线安装及升级插件
  10. LeetCode 476 Number Complement 解题报告