JavaScript 加载文件的方式很多，常见的有通过 script 标签异步加载、使用 ajax 加载、动态创建 script 标签等等。这些方式都有各自的特点，下面分别进行介绍。一、通过 script 标签异步加载使用 script 标签异步加载是最常用的一种方式，简单易操作，且能够使用浏览器缓存，提高页面加载速度。例如，要异步加载一个名为 'app.js' 的JavaScript 文件，我们可以这样写：```html```async 属性告诉浏览器，脚本文件不会阻塞 HTML 的渲染过程，会在后台异步下载和执行。这种写法对于减少页面的加载速度有很好的帮助。二、使用 ajax 加载使用 ajax 加载 JavaScript 文件也是一种常见的方式，特别适合用于需要根据不同条件加载不同文件的情况，例如在运行阶段，需要根据用户的选择来加载不同的文件，程序会动态修改注入的 url。例如，使用 jQuery 的方式加载文件：```javascript$.getScript('app.js', function() {console.log('文件已加载完成。');});```该方法会在向服务器发起 HTTP 请求后，执行回调函数。在回调函数中，我们可以处理代码的执行过程，并显示加载完成状态。三、动态创建 script 标签动态创建 script 标签也是一种加载JS文件的方式，例如：```javascriptvar script = document.createElement('script');script.src = '/post/app.js';document.body.appendChild(script);```该方法在页面运行时，会先创建一个 script 标签，通过给定的源URL，异步下载文件并执行。这种方式能够方便地在运行时加载文件，提高系统的灵活性。需要提醒的是，由于 script 标签的异步加载，为了避免代码顺序的问题，我们需要在执行的代码中加入判断。例如，以上方式生成的 script 标签是异步方式下载和执行的，如果 app.js 文件中需要 jQuery 的支持，我们必须要等待 jQuery 加载完之后才能执行相关的代码。此时，可能会需要使用回调函数，在 jQuery 加载完成之后再执行代码。```javascriptfunction ready(callback) {if (window.jQuery) {callback();} else {setTimeout(function() {ready(callback);}, 10);}}ready(function() {// 这里是 jQuery 加载完成后执行的代码。});```以上就是常见的 JavaScript 文件加载方式，匹配到正确的应用场景，能够为网页的性能优化和系统效率提升提供关键帮助。