es6 import与export

ES6模块中,顶层this指向undefined,不应该在顶层代码使用this

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

export命令输出的接口与其对应的值是动态绑定关系,即通过该接口可获取模块内部实时的值

import命令大括号里的变量名必须与被导入模块对外接口的名称相同

import命令输入的变量只读(本质是输入接口),不允许在加载模块的脚本里改写接口

import命令命令具有提升效果,会提升到整个模块的头部,首先执行

重复执行同一句import语句,只会执行一次

export default命令只能使用一次

export default命令导出的整体模块,在执行import命令时其后不能跟大括号

export default命令本质是输出一个名为default的变量,后面不能跟变量声明语句

export default命令本质是将后面的值赋给名为default的变量,可直接将值写在其后

export default命令和export {}命令可同时存在,对应复合导入

export命令和import命令可出现在模块任何位置,只要处于模块顶层即可,不能处于块级作用域

import()加载模块成功后,此模块会作为一个对象,当作then()的参数,可使用对象解构赋值来获取输出接口

同时动态加载多个模块时,可使用Promise.all()和import()相结合来实现

import()和结合async/await来书写同步操作的代码

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ES6模块机制 commonjs 在node环境下跑 ES6 esModule 前段使用为主 webpack co...
    叶戏尘阅读 836评论 0 2
  • 1、export default import 加载模块时,需要知道所要加载的变量名或者函数名,否则无法加载。 e...
    SailingBytes阅读 795评论 0 1
  • 参考地址 https://www.jianshu.com/p/be2d4eab3878 module.export...
    16manman阅读 611评论 0 3
  • 在ES6之前,模块加载方案,最主要的有CommonJS和AMD两种。前者用于服务器,后者用于浏览器。ES6实现了模...
    oWSQo阅读 549评论 0 0
  • 模块通常是指编程语言所提供的代码组织机制,利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分...
    MapleLeafFall阅读 1,193评论 0 0