Javascript Es模块化导入与导出学习

通过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)

如果遇到问题，可以发表评论和我一起讨论噢，我看到后都会第一时间尽力解答的