require 和 import 的区别?

6,384 阅读1分钟

require 和 import 的区别?

遵循的规范不同

1.require/exports是CommonJS的一部分

2.import/export是ES6新规范

出现时间不同

CommonJS 作为 Node.js 的规范,一直沿用至今。由于 npm 上 CommonJS 的类库众多,以及 CommonJS 和 ES6 之间的差异,Node.js 无法直接兼容 ES6。所以现阶段 require/exports 仍然是必要且是必须的。

形式不同

require/exports 的用法只有以下三种:

const fs = require('fs');
 exports.fs = fs;
 module.exports = fs;

import/export的写法就多种多样

import fs from 'fs';
import {default as fs} from 'fs';
import * as fs from 'fs';
-----------------------------
export default fs;
export const fs;
export * from 'fs';

本质上的不同

1.CommonJS还是ES6 Module 输出都可以看成是一个具备多个属性或者方法的对象;

2.default 是ES6 Module所独有的关键字,export default 输出默认的接口对象,import from 'fs'可直接导入这个对象;

3.ES6 Module中导入模块的属性或者方法是强绑定的,包括基础类型;而 CommonJS 则是普通的值传递或者引用传递。