- 通过export将内容导出
function sum (num, num2) { return num + num2; } let flag = true; // es6定义类 class Persion { run(){ console.log("在奔跑"); Perpoledata(name, age) { this.name = name; this.age = age } } } // 导出方式一 // 按需导出 export { flag, sum, Persion } // 导出方式二,导出函数 export let num1 = 1000; export function sum(num1, num2) { return num1 + num2; } // 导出方式三,导出类 export class Person { run() { console.log("在奔跑"); } } // 导出方式四,默认配置导出(注意,在同一个模块只能导出一个export default) export default function (msg) { console.log(msg) }
- 通过import将导出引入
// 常规引入,按需引入 import {flag, sum} from './xxx.js'; console.log(flag, sum(20,50)); // true,70 // 引入类 import {Person} from './xxx.js'; const p = new Person(); p.run() // 在奔跑 // 自定义引入(export default) import hello from './xxx.js'; hello('你好呀'); // 统一全部导入 import *as aaa from './xxx.js'; console.log(aaa.sum) console.log(aaa.Persion)
如果遇到问题,可以发表评论和我一起讨论噢,我看到后都会第一时间尽力解答的