export和import

作用：由于ES6 模块不是对象，而是通过export命令显式指定输出的代码，再通过import命令输入。

export基本使用：

// 写法一

export let a = 1;

// 写法二

var a = 1;

export {a};

// 写法三

var n = 1;

export {n as a};

<script type="module">

  import * as m from '../module.js';

  console.log(m.a);

          Let {a,b} = m;//接收多个变量

</script>

export统一导出：

let a = 1;

function change(){

console.log('我改变了');

}

export {a,change}

 

export 默认导出：

export default命令的本质是将后面的值，赋给default变量。

const person = {name:'张三'}

export default person;

import a from '../module.js'; //简写方式

console.log(a);

export和export default的区别：

1、两者均可用于导出常量、函数、文件、模块；

 

2、在一个文件中可以多次使用export，但是export default只能用一次；

 

3、通过export输出的，在import导入时需要使用{}，export default不需要；

 

4、 export与export default不可同时使用；

-----------------------------------------------------------分割线-------------------------------------------------------------

 import基础用法：

基础

使用export命令定义了模块的对外接口以后，其他 JS 文件就可以通过import命令加载这个模块。

只读

import命令输入的变量都是只读的，因为它的本质是输入接口。也就是说，不允许在加载模块的脚本里面，改写接口。