es模块化导入和导出

es模块化导入和导出

导出

let name = '小明';
let age = 18;
let flag = true;

function sum(num1, num2) {
  return num1 + num2;
}

if (flag) {
  console.log(sum(20, 30));
}
/*1.导出方式一*/
export {
  flag,
  sum
}

/*导出方式二*/
export let num1 = 1000;
export let height = 1.88;
/*也可以写成*/
//export {num1,height}

/*导出函数和类*/
export function mul(num1,num2) {
  return num1*num2;
}

export class person {
  run() {
    console.log('在奔跑');
  }
}

/*export default,只能有一个，再倒入时可以自定义名字 */
const address = '武汉市';
export default address

导入

//导入对象中定义的变量
import {flag,sum} from "./aaa.js";
if (flag) {
  console.log('我是你爹');
  console.log(sum(25, 41));
}
/*直接导入export定义的变量*/
import  {num1,height} from "./aaa.js";

console.log(num1);
console.log(height);

/*导入export的function/class*/
import {mul,person} from "./aaa.js";

console.log(mul(30, 50));
const p = new person();
p.run();

/*自定义名字，接受default导出变量*/
import  myAddress from './aaa.js'

console.log(myAddress);

/*统一全部导入*/
import * as allA from './aaa.js'

console.log(allA.flag);

注意点

<script src="aaa.js" type="module"></script>
<script src="mmm.js" type="module"></script>

要使用模块导入和导出的js，type需要使用‘model’