【js】import&export

导出的基本用法

// 导出数据
export let name = 'learn';
export const age = 18;
// 导出类
export class Rect {
    constructor(width, height){
        this.width = width;
        this.height = height;
    }
}
// 导出函数
export function sum(a, b){
    return a + b;
}

导入的基本语法

import {name, age, Rect, sum} from './example.js';

// 不能给导入的绑定赋值，如 name = 'zhangsan'; 会报错

导入整个模块

import * as example from './example.js'

// example 就包含了js文件里的全部export内容

import export 不允许出现在其他语句或函数内，如if里。、

改名的情况

import {sum as add} from './example.js'

导入默认函数和普通值

export let color = 'red';
export default function(a, b) {
    return a + b;
}
=========
// 默认值必须排在普通值之前
import sum, {color} from './example.js';
// 等价于
import {default as sum, color} from './example.js';

导出已经导入的模块
export {sum} from './example.js'

以/开头的解析为根目录开始
以./开头的解析为当前目录开始
以../开头的解析为从父目录开始