【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'

你可能感兴趣的:(javascript前端)