jsimport&export

Posted 2021-10-09 张长长

导出的基本用法

// 导出数据
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\'

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