美文网首页
es6 import与export

es6 import与export

作者: zhaur | 来源:发表于2019-10-22 11:50 被阅读0次

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 import与export

      本文链接:https://www.haomeiwen.com/subject/kacqvctx.html