ES6为我们推出力模块化，但是具体怎用，有的时候还是比较模糊的，所以写个笔记记录以下，只为记录，以便日后学习回忆，有不足之处还望指正

ES6在html页面使用的话需注意加type="module"  下面第一个例子中会写出来

 <script type="module">    </script>

分别暴露

export let a=12;

export let b=13;

分别引入

`

    // 分别引入
    
   //此处不是解构，需要注意一下，虽然与解构写法一致，但不是解构

    // import { a } from './es.js'
 
    // console.log(a);
    
    // 起别名引入
    
    // import{a as b} from './分别暴露.js'
    
    // console.log(b);
    
    // 引入所有的分别暴露的方法
    
    // import * as es from './es.js';
    
    
    </script>

`

统一暴露

let a=12;

function add(){
    return 3+2;
}

console.log(add());

export {a,add}

统一引入

 // import { a } from './es.js'
 
// console.log(a);

引入方式与分别暴露的一致

默认暴露

const dog= {
    name: 'WC',
    age: 5

}
const cat= {
    name: 'WC',
    age: 5

}
export default{
    dog,cat
}

// export default 后面必须是一个表达式，不能是一个语句。（表达式：可以接收到值）

 

默认引入

     
     import dog from './moren.js'