ES6中模块化导入导出

ES6模块化

注意点

ES6中导入导出需要更改文件名为 mjs 或是在package.json中编写 "type": "module",

导入

导入.mjs 文件

• 默认导入 :import 名称 from "./模块化的路径名"

import Person from "./a.mjs"
console.log(Person);

• 按需导入 :import {导入的数据名称} from "./模块化的路径名"

import{a,b}from "./a.mjs"
console.log(a,b);
​
import {amg} from "./a.mjs"
console.log(amg);

 

导出

导出.mjs 文件

• 默认导出 :export default{导出的全部数据}

export default {name:"张三",age:20}

 

• 按需导出 :export {导出的数据}

let a =100
export {a}
//另一种写法
export let b=200

 

• 将对象按需导出

let amg={
    name:"赵六",
    age:24,
    gender:"男",
    eat(){
        console.log("ABC");
    }
}
export {amg}

 

• 导出并重命名变量

let NameNew="张三";
let AgeNew=20;
​
export {
    NameNew as name,
    AgeNew as age,
}