当前位置: 代码迷 >> 综合 >> export、export default; module.exports、exports的异同点及使用方法
  详细解决方案

export、export default; module.exports、exports的异同点及使用方法

热度:77   发布时间:2023-11-11 11:58:57.0

相同点:
export、export default; module.exports、exports都是导出变量或方法,对外提供接口;

不同点:
1、export和export default是属于ES6的语法,导出的模块需要用import引入;
2、module.exports和exports是属于CommonJS模块规范,导出的模块需要用require引入;

使用方法:
1、export

导出: test1.js
const TEST_A = 'test_a';
const  testFun = function(a){return a*2;
}
export {TEST_A,testFun
}引入:
import { TEST_A ,testFun  } from './test1.js';

2、export default

导出:test2.js
export default function testA(a){console.log(a);
};引入:
import testA from './test2.js';

3、module.exports

导出: test3.js
var testA = 'test_a';
var testFun = function(a){return a*2;
}
module.exports = {testA ,testFun 
}引入:
var test3 = require('./test3.js');
//test3.testA 
//test3.testFun 

4、exports
exports是module.exports的引用

导出: test4.js
var testA = 'test_a';
var testFun = function(a){return a*2;
}
exports.testA = testA ;
exports.testFun = testFun ;引入:
var test4 = require('./test4.js');
//test4.testA 
//test4.testFun 
  相关解决方案