美文网首页
es6模块化export命令

es6模块化export命令

作者: OnePiece索隆 | 来源:发表于2018-11-10 14:12 被阅读0次

模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。
export命令输出主要有以下几种方式:
变量输出:

export let a = 1;
export let b = 2;
或
let a = 1;
let b = 2;
export { a, b };

函数输出:

function v1() { ... }
function v2() { ... }
export { v1 , v2 };
或
export function v1() { ... }

as关键字重命名

let a = 1;
export { a as b };

export default 命令

export default function () {
  console.log('foo');
}
import使用:
import customName from './export-default' //注意没有大括号,因为一个模块只能有一个默认输出,因此export default命令只能使用一次。所以,import命令后面才不用加大括号,因为只可能唯一对应export default命令。

注意事项:
export命令规定的是对外的接口,必须与模块内部的变量建立一一对应关系,export命令输出的接口与其对应的值是动态绑定关系,即通过该接口,可以取到模块内部实时的值在编译时确定接口,这点与commonjs不同。
所以以下写法都是错误的:
因为没有提供对外的接口,第一种写法直接输出 1,第二种写法通过变量m,还是直接输出 1。1只是一个值,不是接口。正确的写法是下面这样。

// 报错
export 1;

// 报错
var m = 1;
export m;

参考链接:http://es6.ruanyifeng.com/?search=import&x=0&y=0#docs/module#export-%E5%91%BD%E4%BB%A4

相关文章

  • html文件中导入模块

    ES6 模块化语法 模块功能主要由两个命令构成:export 和 import。 export 命令用于规定模块的...

  • 2019-12-12 模块化

    阮一峰 commonjs ES6 的模块化 export 和 export default 的区别 export导...

  • ES6,ES7,ES8特性总结整理

    ES6 1. 类(class) 2. 模块化 模块化主要由import和export组成 export可以导出变量...

  • Module 模块加载

    ES6 模块规范 ES6 的模块功能主要由两个命令构成: export 和 import。export 命令...

  • 当import/export、require/module.ex

    ES6的模块化: import export default common.js的模块化: require mod...

  • ES6——模块

    1. export命令 ES6 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输...

  • JS-模块化

    ES6从官方标准带来了模块化开发规范。下面主要介绍ES6模块化开发当中最重要的export和import概念。 1...

  • es6模块化export命令

    模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,import命令用...

  • export import 和export default

    ES6的模块通过export命令规定模块的对外接口,用import命令引入其他模块提供的功能。然而export命令...

  • exports,export,module.exports,re

    1.export与import export与import是es6的模块命令;export用于规定模块对外暴露的接...

网友评论

      本文标题:es6模块化export命令

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