在 JavaScript 中引入其他 JS 文件有三种方法: 标签:直接在 html 中插入,简单但会阻塞页面渲染。import 语句:仅适用于支持 es 模块的浏览器,提供更好的代码组织。require() 方法:仅适用于 node.js 环境,是 node.js 模块系统的一部分。
如何在 JavaScript 中引入 JS
在 JavaScript 中引入其他 JS 文件可以通过以下方法实现:
1. <script> 标签</script>
是最常用的方式,直接在 html 中插入 <script> 标签:</script>
<script src="my_script.js"></script>
2. import 语句
ES 模块(2015 年引入)允许通过 import 语句导入 JS 模块:
import { myFunction } from './my_module.js';
3. require() 方法
Node.js 中使用 require() 方法引入模块:
const myModule = require('./my_module.js');
选择哪种方法?
- <script> 标签:</script>适用于所有浏览器,简单易用。但会阻塞页面渲染,难以组织代码。
- import 语句:仅适用于支持 ES 模块的浏览器(现代浏览器),提供更好的代码组织和模块化。
- require() 方法:仅适用于 Node.js 环境,是 Node.js 模块系统的一部分。