JavaScript 中的require 和 import 区别

• require是动态加载，可以在代码的任何地方调用，下面的是某个js文件的最上面：

// CommonJS模块
let { stat, exists, readFile } = require('fs');

// 等同于
let _fs = require('fs');
let stat = _fs.stat;
let exists = _fs.exists;
let readfile = _fs.readfile;

或者在代码里面，比如某个函数里面：

function loadModule(){
    // CommonJS模块
    let { stat, exists, readFile } = require('fs');

    // 等同于
    let _fs = require('fs');
    let stat = _fs.stat;
    let exists = _fs.exists;
    let readfile = _fs.readfile;
}

• import是静态加载，注意，import命令具有提升效果，会提升到整个模块的头部，首先执行。（是在编译阶段执行的）

// main.js
import {firstName, lastName, year} from './profile';

function setName(element) {
  element.textContent = firstName + ' ' + lastName;
}

最后：如果不明白啥叫动态加载和静态加载，请留言，我给大家讲解一下。