在JavaScript（JS）中引入JS文件有多种方法。可以使用
这种方法的优点是简单直观，但缺点是当有多个JS文件时，页面加载速度可能会受到影响。
1.2 异步加载
为了优化页面加载速度，可以使用async或defer属性：
async属性会使脚本异步加载，不会阻塞页面的其他操作，但执行顺序不保证；defer属性则会在页面完全解析后执行，且保持脚本的加载顺序。
二、模块化引入
2.1 使用ES6模块
ES6引入了模块化的概念，可以使用import和export关键字来引入和导出模块：
// 在module1.js中导出
export const myFunction = () => {
console.log('Hello from module1!');
};
// 在main.js中引入
import { myFunction } from './module1.js';
myFunction();
这种方法的优点是模块化管理代码，更加清晰和可维护，但需要现代浏览器的支持或通过构建工具（如Webpack、Babel）进行编译。
2.2 使用CommonJS模块
在Node.js环境中，常用CommonJS模块规范，通过require和module.exports进行引入和导出：
// 在module1.js中导出
module.exports = {
myFunction: () => {
console.log('Hello from module1!');
}
};
// 在main.js中引入
const { myFunction } = require('./module1.js');
myFunction();
这种方法主要用于服务器端开发，但通过工具（如Browserify）也可以在浏览器中使用。
三、动态加载脚本
3.1 使用JavaScript动态创建