JS中 require 与 import 的区别

在 JavaScript 中，有两种不同的模块加载方式：require 和 import。

require 是 CommonJS 的模块加载方式，而 import 是 ES6 中的模块加载方式。

主要区别如下：

1. 语法不同

• require 语法：

const module = require('module-name');

• import 语法：

import module from 'module-name';

1. 加载方式不同

require 是同步加载模块，而 import 是异步加载模块。

1. 引入的模块不同

require 会将整个模块的内容全部引入，而 import 只会引入需要的部分内容，可以通过解构赋值等方式选择性地导入。

下面是一个例子：

// test-module.js
module.exports = {
  name: 'test module',
  version: '1.0.0'
};

// main.js
// require
const module1 = require('./test-module.js');
console.log(module1); // { name: 'test module', version: '1.0.0' }

// import
import { name } from './test-module.js';
console.log(name); // test module

可以看到，通过 require 引入的模块是一个对象，包含了整个模块的内容。而通过 import 引入的模块只包含了需要使用的部分内容。