require/exports和import/export的区别

require/exports和import/export的区别。

require/export和import/export是属于两个不同规范的概念：

• require/exports是属于commonjs 规范，nodejs是该规范的实现。
• import/export则是属于es2015规范(es6),相比commonjs更规范，更权威。

目前es6主要还是通过babel转化为es5执行的，所以写的import/export是通过babel转换为require/exports执行的。二者其实都可以看做是输出一个对象和引入一个对象并使用其中的属性或方法。

区别

require/exports和import/export的主要区别在于书写的形式上：

//require/exports的写法

const foo = require("./foo");
//exports是module.exports的引用，在下文详述。
exports.foo = foo;
module.exports = foo;

//import/export的写法
import foo from "./foo"
import {foo} from "./foo"
import * as foo from "./foo"
export default foo
export const foo
export * from "foo"

exports和module.exports的区别：

• exports是module.exports的引用，即exports的指针指向module.exports的内存地址。
• require只接受module.exports不接受exports

exports和module.exports都是object类型，属于引用类型数据，exports的内存地址和module.exports的内存地址是一样的。简单的讲就是其中一个改变了，另外一个也跟着改变。

exports.foo = "stupid"
console.log(module.exports.foo)
//stupid

//但当exports指向另外一个对象的时候，情况就不同了.
//这时exports的内存地址指向一个新的对象。
exports = {
    foo: "stupid"
}

console.log(module.exports.foo === exports.foo)
//false