js如何实现导入

&ACE&2023-10-10 23:01

在 JavaScript 中，可以使用 import 关键字来导入其他模块或文件中的函数、变量、类等内容。具体语法如下：

javascript 复制代码

import { 模块1, 模块2 } from '模块路径';

其中，模块1、模块2 是需要导入的内容，可以是函数、变量、类等；模块路径 是需要导入的模块或文件的路径，可以是相对路径或绝对路径。

例如，假设有一个 utils.js 文件，其中包含了一个 add 函数：

javascript 复制代码

export function add(a, b) {
  return a + b;
}

现在想要在另一个文件中使用该函数，则可以使用 import 进行导入：

javascript 复制代码

import { add } from './utils.js';

console.log(add(1, 2)); // 输出：3

需要注意的是，使用 import 导入的模块或文件必须使用 export 导出其内容。同时，需要在支持模块化的环境中使用 import，例如在现代浏览器或 Node.js 中。如果在非模块化的环境中（例如在普通的 HTML 页面中），可以使用 script 标签来引入 JavaScript 文件。