JavaScript 提供导入功能,允许在脚本中包含外部模块和文件,通过导入重用代码、组织结构、提高维护性。导入模块使用 import 语法,导入脚本使用 script 标签,一旦导入,即可使用导入的代码。
如何在 JavaScript 中导入
简介
JavaScript 中的导入功能允许我们在脚本中包含外部模块或文件。通过导入,我们可以重用代码、组织项目结构并提高可维护性。
导入模块
使用 import 语法导入模块:
import { myFunction } from './my-module.JS';
其中:
- import:导入关键字
- { myFunction }:从模块中导入的函数
- ./my-module.js:要导入的模块的路径
导入脚本
使用 script 标签导入脚本:
<script src="./my-script.js"></script>
其中:
- script:导入脚本的标签
- src:脚本文件的路径
使用导入的代码
一旦导入,就可以在脚本中使用导入的代码:
myFunction(); // 调用从模块导入的函数
注意:
- 导入的模块或脚本必须存在于指定路径。
- 浏览器不支持 import 语法,但支持 script 标签导入。
- 对于大型项目, рекомендуется使用现代 JavaScript 模块加载器(例如 webpack 或 Rollup)。