[JavaScript知识库]Javascript Es模块化导入与导出学习

1. 通过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)
   }
   

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

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