CommonJS 与 ES6 模块化基础语法

module.exports = {    // 在此对象中定义导出的变量或函数    flag: true,    name: "xxx",    add(num1, num2){        return num1 + num2;    },}

// 在这里定义变量，函数。module.exports = {    导出名称1: 导出的成员1，    导出名称2: 导出的成员2，}

// 在这里定义变量，函数。module.exports = {    导出的成员1，    导出的成员2，}

let {flag, name, add} = require('./xxx.js');

const xxx = require('./xxx.js')
// 使用：xxx.导出的成员1;xxx.导出的成员2;

<script src = './xxx.js' type='module'></script>

// 在这里定义变量，函数。flag: true,name: "xxx",add(num1, num2){    return num1 + num2;},
// 导出export {    flag, name, add}

// 导出变量export let myFlag = true;
// 导出函数export function sum(a, b){    return a + b;}
// 导出类export class Person{    name: 'jgrass',    run(){        console.log(`${this.name} run`)    }}

// 导出 aaa.js
let address = "广州市";export default address
// 导入 bbb.jsimport addr/*自定义命名*/ from './aaa.js'

// 导出 aaa.js
// 不命名，外部使用者命名export default function(args){
}
// 导入 bbb.jsimport myFunction/*自定义命名*/ from './aaa.js'
let args = {};myFunction(args);

// 导出 aaa.js
// 导出对象，不命名，外部使用者命名export default {    name: "jgrass.cc"}
// 导入 bbb.jsimport obj/*自定义命名*/ from './aaa.js'let n = obj.name;

import {flag, add, Person} from "./xxx.js"
let p = new Persion();p.run();

import * as xModule/*自定义命名*/ from "./xxx.js"
let f = xModule.flag;

import myModule/*自定义命名，没有大括号*/ from "./xxx.js"