(javascript import) 一文带你搞懂JS中导入模块import和require的区别模块化JavaScript：Import与Require 全网首发(图文详解1)

在JavaScript（JS）中，模块是功能单元的集合。模块化可以帮助我们更好地组织和管理代码。在JS中，我们有两种主要的方式导入模块，那就是使用import和require。

Import
这是ES6中新引入的特性，被用来导入一个模块的内容。

使用import的示例:
```
// 导入整个模块的内容，命名为myModule
import * as myModule from '/modules/my-module.js';

// 导入模块的单独导出
import {myExport} from '/modules/my-module.js';
```
注意点：
- 在使用import时，需要确保你的项目支持ES6，如果不支持，可以利用工具如Babel来转译你的代码。
- Import语句最好放在文件的最顶端。虽然会被提升，但通过在顶部使用它，可以使代码更容易阅读和理解。
- import可以使用相对路径，或者Web服务器上的URL路径。
Require
这是CommonJS规范定义的模块导入方式，Node.js采用了这种方式来加载模块。

使用require的示例:
```
var myModule = require('/modules/my-module.js');
```
注意点：
- Require提供了一个解决依赖的优秀方案——能同步加载所需要的模块，然后进行解析和执行，返回内部的exports对象。
- Node.js是最主要的require运用场所，前端如果需使用，通常需要利用通过Browserify进行预编译。