2019-03-28/ES6新增特性-2

一、import

  • 导入整个模块的内容
import * as myModule from '/modules/my-module.js';
myModule.print()
  • 导入单个或多个
import {functionName} from '/modules/my-module.js';
import {bar,foo} from '/modules/my-module.js';
  • 动态import
import('/modules/my-module.js')
  .then((module) => {
    // Do something with the module.
  });

二、export

  • 命名导出
//  function declared earlier'
export { myFunction };
  • 如果我们要导出一个值或模块中的返回值,就可以使用默认导出:
export default function cube(x) {
  return x * x * x;
}
//另一个脚本中导入(cube命名随意)
import cube from 'my-module';
console.log(cube(3)); // 27​​​​​

//导入默认值
export {default} from 'my-module';
``
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 3,672评论 2 27
  • 系列文章导航 模块(一) CommonJs,AMD, CMD, UMD 本文参考阮一峰 ES6入门 Module的...
    合肥黑阅读 6,188评论 0 4
  • 前面的话   JS用"共享一切"的方法加载代码,这是该语言中最易出错且容易令人感到困惑的地方。在ES6以前,在应用...
    CodeMT阅读 2,934评论 0 5
  • 孔子他老人家曾说过三人行必有我师焉,我今天深有体会。 今天去给中专的孩子们上课,问起他们的学费竟达一学期一万多,还...
    文利_f58d阅读 462评论 0 0
  • 经过几个月几个模块的学习,最深的体会:真正的商业不是商业模式而是商业设计,设计出顾客愿意买单的产品,商业的本...
    吕杰雨鸿阅读 754评论 0 0