以下代碼制作展示，不能直接運行。

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 );

總結

以上是生活随笔為你收集整理的CommonJS、ES 导出和导入模块的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。