JavaScript 中 import 和 dependjs 的区别

开门见山：

import 和 dependjs 都是 JavaScript 中用于加载外部模块的语法，但它们之间存在一些关键差异。

详细解释：

语法：

import：使用 语法。
dependjs：使用 语法。

支持：

import：在所有现代浏览器中都得到支持。
dependjs：仅在 Node.js 中支持。

模块加载：

import：遵循 ECMAScript 模块规范，其中模块是静态加载的。
dependjs：遵循 CommonJS 模块规范，其中模块是动态加载的。这使得 dependjs 能够在运行时加载模块，这在 Node.js 中非常有用。

作用域：

import：模块导入到当前作用域中，这意味着可以立即访问模块的变量和函数。
dependjs：模块导入到全局作用域中，这意味着必须使用 前缀来访问模块的变量和函数。

性能：

import：由于其静态加载特性，通常比 dependjs 性能更好。
dependjs：在某些情况下，动态加载可能更适合，例如当需要在运行时加载大量模块时。

示例：

import：

<code class="js">import { math } from 'mathjs';

console.log(math.add(2, 3)); // 输出：5</code>

dependjs：

<code class="js">var math = require('mathjs');

console.log(math.add(2, 3)); // 输出：5</code>

总之，import 和 dependjs 都用于加载外部模块，但它们在语法、支持、模块加载、作用域和性能方面存在差异。import 更适合在浏览器中使用，而 dependjs 更适合在 Node.js 中使用。