ES6导入导出

导出

导出有以下几种方式：

  1. 导出已经定义的变量
  2. 导出此时定义的变量
  3. 导出此时定义的方法/类
  4. 导出默认模块

注意：只能存在一个默认导出模块

let flag = true;
let name = 'justin'

// 第一种方式
export {
    flag, name
}

// 第二种方式
export let num1 = 20;
export let num2 = 500;

// 第三种方式
export function addnum(num1, num2) {
    return num1 + num2;
}

// 导出默认模块
export default function () {
    console.log('default function');
}

export function showMe() {
    console.log('hello world');
}

导入

导入有以下几种方式：

常规导入：大括号内导入变量

导入默认模块，此时可以自己命名模块

导入所有，以*表示，导入的模块可以自定义命名，模块以对象形式存储导出的所有变量

import {flag, name} from "./first.js";
if (flag) {
    console.log(name)
}

import {num1, num2} from "./first.js";
console.log(num1 + num2);

import {addnum} from "./first.js";
console.log(addnum(60, 8));

import myfunc from "./first.js"
myfunc();

import * as myport from "./first.js"

myport.showMe();

注意：除默认模块可以由导入者自己命名外，其他的导入方式必须严格按照导出的命名进行引用