比较简单的异步加载JS文件的代码

异步加载JS文件的代码可以通过以下步骤实现：

1. 创建一个script标签，并设置async属性为true。这将告诉浏览器立即下载JS文件，但不会阻塞页面的渲染。

示例代码：

<script async src="path/to/your/js/file.js"></script>

1. 创建一个JavaScript函数，该函数将在文档加载完成后自动调用，并在其中加载JS文件。

示例代码：

function loadScript(url, callback) {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.async = true;
  script.src = url;

  if (callback) {
    script.onload = callback;
  }

  document.getElementsByTagName("head")[0].appendChild(script);
}

// 使用loadScript函数来加载某个JS文件
loadScript("path/to/your/js/file.js", function() {
  console.log("JS文件已成功加载！");
});

在上面的示例代码中，loadScript函数接受两个参数：JS文件的URL以及加载完成后要调用的回调函数。当JS文件下载并解析完成后，将触发回调函数。

1. 使用AMD或ES6模块来异步加载JS文件

如果你使用AMD或ES6模块系统，那么你可以通过模块加载器直接异步加载JS文件，比如requirejs、system.js等。

示例代码：

// 使用RequireJS来异步加载某个JS文件
require(['path/to/your/js/file'], function(file) {
  console.log("JS文件已成功加载！");
});

或者

// 使用ES6 import语句来异步加载某个JS文件
import("path/to/your/js/file").then(function(module) {
  console.log("JS文件已成功加载！");
});

需要注意的是，对于老旧的浏览器，可能并不支持以上这些方法，我们需要进行一些兼容性处理。比如使用XHR来进行异步加载、使用JSONP等技术来跨域加载等。