require与import

在JavaScript中，require和import是两种不同的方法，都用于在一个文件中引入其他模块或库。本文将介绍它们的使用方法、差异以及应该如何选择使用哪一个。

require

require是一个Node.js的方法，也可以在一些类似WebPack之类的开发工具中使用。通常，我们使用require来引入CommonJS模块或Node.js内置模块。

例如，下面的代码展示了如何在Node.js中使用require引入http模块：

const http = require('http');

这个语句将在代码中引用Node.js的核心模块http。引用完成后，我们可以在代码中使用http模块提供的API。

除了Node.js内置模块外，require还可以用来引入其他模块，例如npm包。例如，下面的代码展示了如何引入express框架：

const express = require('express');

上面的语句将在代码中引用express框架，一旦引用完成，就可以在代码中使用express框架提供的API。

需要注意的是，在Node.js中引用的模块必须通过module.exports来公开其API。例如，如果我们创建一个hello.js文件，其中的代码如下：

function sayHello() {
  console.log('Hello!');
}

module.exports = {
  sayHello
}

然后，在另一个文件中，我们可以使用require来引入并使用hello模块：

const hello = require('./hello');

hello.sayHello();

import

import是JavaScript ES6中引入的一种模块加载方法，它可以在浏览器端或Node.js环境下使用。使用import的主要目的是引用ES6模块。

例如，下面的语句展示了如何在JavaScript ES6中使用import引入lodash库：

import _ from 'lodash';

上面的语句将会引入lodash库，并将其命名为 _。一旦引用完成，我们就可以在代码中使用_变量来调用lodash提供的API。

需要注意的是，在浏览器端使用import需要使用一些类似于Babel的转换工具将ES6代码转换为ES5代码。这是因为许多浏览器目前还不支持ES6模块语法。

差异点

虽然require和import都用于加载模块或库，但是它们之间有几个明显的不同之处。

首先，require是CommonJS规范下的一种加载方式，而import是ES6的标准定义。其次，require更适用于加载Node.js内置模块和CommonJS模块，而import更适用于加载ES6模块。此外，import语法更加简洁和优雅，但需要进一步处理才能被识别和执行。

选择使用

选择使用require还是import的关键在于你使用的是哪一种模块类型。如果你使用的是CommonJS模块或Node.js内置模块，则应使用require。如果你使用的是ES6模块，则应使用import。

此外，如果你的项目中同时使用了CommonJS和ES6模块，建议使用Babel等工具来将ES6代码转换为ES5代码，并将其打包到一个文件中。这样可以保证你的代码可以被所有浏览器正确执行。

结论

在JavaScript中，require和import都用于加载模块或库，但是它们之间有许多不同之处。如果你使用的是CommonJS模块或Node.js内置模块，则应使用require，如果使用的是ES6模块，则应使用import。

阅读剩余 39%