1.13模块化

导出

var name = "xioaming";
var age = 18;
var flag = true;

function sum(num1, num2) {
  return num1 + num2;
}
// 1.导出方式1
export {
  flag,
  sum,
}
// 2.导出方式2，
export var num1 = 2000;
export var height = 1.88;

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

export class Person {
  constructor() {

  }
  run() {
    console.log('i can run');
  }
}
// 4.export default 某些情况下，希望导入者自己命名，default只能有一个
// const adress = '杭州'
// export default adress
//函数不需要加名字
export default function () {
  console.log('i am function');
}

导入

import { flag, sum } from './aaa.js'

if (flag) {
  console.log("flag is true");
}

if (flag) {
  console.log(sum(20, 30));
}

import { num1, height } from './aaa.js'
console.log(num1, height);

import { mul, Person } from './aaa.js';
console.log(mul(10, 20));
const p = new Person();
p.run();


//导入默认不需要{}
// import add from './aaa.js'
// console.log(add);

import fn from './aaa.js'
fn();

// 全部导入
import * as aaa from './aaa.js'
console.log(aaa.height);