require与import的区别

个人github：https://github.com/qiilee  欢迎follow

第一、两者的加载方式不同，require是在运行时加载，而import是在编译时加载

          require('./a')(); // a模块是一个函数，立即执行a模块函数

          var data = require('./a').data; // a模块导出的是一个对象

          var a = require('./a')[0]; // a模块导出的是一个数组 ======> 哪都行

 

            import $ from 'jquery';

            import * as _ from '_';

            import {a,b,c} from './a';

            import {default as alias, a as a_a, b, c} from './a'; ======>用在开头

 

第二、规范不同，require是CommonJS/AMD规范，import是ESMAScript6+规范

 

第三、require特点：社区方案，提供了服务器/浏览器的模块加载方案。非语言层面的标准。只能在运行时确定模块的依赖关系及输入/输出的变量，无法进行静态优化。

import特点：语言规格层面支持模块功能。支持编译时静态分析，便于JS引入宏和类型检验。动态绑定。