CommonJS、ES 导出和导入模块

以下代码制作展示，不能直接运行。

CommonJS导出

// module.cjs

// CJS默认导出
//module.exports = 'Hello world';

/*module.exports = function() {
    console.log( 'Hello world.' );
}*/

// CJS普通导出
function foo() {
    console.log( 'Hello from foo.' );
}

const bar = 'Hello from bar.';

module.exports = {
    foo,
    bar,
};
  

CommonJS导入

// index.cjs

// cjs 默认导入
//const m          = require('./module.cjs')
const { foo, bar } = require('./module.cjs')

//console.log( m );
//m();
foo();
console.log( bar );

ES导出

// module.mjs

// esm 默认导出
//export default 'Hello world'

/*export default {
    foo: 'Hello foo.',
    bar: 'Hello bar.'
}*/

// esm 普通导出
export function foo() {
    console.log( 'Hello from foo.' );
}

export const bar = 'Hello from bar.';

ES导入

// index.mjs

// esm 导入
//import m            from './module.mjs'
import { foo, bar } from './module.mjs'

//console.log( m );
//console.log( m.foo );
//console.log( m.bar );
foo();
console.log( bar );