ES6 模块化的基本语法(二)--按需导出与按需导入

1. 按需导出和按需导入的语法结构

//按需导出
export let s1=30;
//按需导入的语法
import {s1} from './m1.js(ps:当前的模块的js文件的路劲)'

2. 具体实现细节

   m1.js中内容

//m1.js文件的内容
let a=20
let b=30
let d=50
function show(){
    console.log("测试....")
}
//按需导出
export let f=666
//默认导出
export default{
    a,
    b,
    show  
}

index.js中的内容

import m1,{f} from './m1.js'
//默认导入打印的结果
console.log(m1)
//按需导入打印结果
console.log(f)

控制台打印的结果:

D:\VueCode\VueDemo04>npx babel-node index.js
//默认导入打印的结果
{ a: 20, b: 30, show: [Function: show] }
按需导入打印结果
666

2.注意事项
默认导出只能用一次,而选择导出可以多次使用