import和require有什么区别？export和exports呢？

【问】import和require有什么区别？export和exports呢？

【答】

1. require和module.exports（exports只是module.exports的简写，require本质上引入的是module.exports, 所以推荐使用module.exports）是一对采用commonJs规范（nodeJs中）的导入导出模块化方案；import和export是ES6的导入导出模块化方案。
2. import是引用，在编译时确定值；导入的值是只读的；该命令只能在顶层使用，不可在函数内部使用；导入的值会缓存，所以不会引起循环引用问题
3. require是复制，在运行时确定值。该命令能在任何地方使用；导入的值会缓存，所以不会引起循环引用问题
4. commonJs会缓存模块，除非手动删除，如delete require.cache[moduleName]

【测试】

//=========================require测试
// base.js
let count = 0;
setTimeout(() => {
    count = count + 1;
}, 500)
module.exports.count = count;

// commonjs.js
const { count } = require('./base');
setTimeout(() => {
     console.log("count is" + count); // 0
}, 1000)

//=========================require测试
// base1.js
let count = 0;
setTimeout(() => {
    count = count + 1;
}, 500)
exports const count = count;

// es6.js
import { count } from './base1';
setTimeout(() => {
     console.log("count is" + count); // 1
}, 1000)

参考1：require和import的区别
参考2：谈一下require和import的区别