纯 js 在 body 标签内的异步脚本（外部文件）上调用函数

Question

我正在使用纯 js 编写一个脚本，涉及一个被复制到 cleint 网站的 js 片段。当像下面这样调用纯 js 函数 myfunction() 时，该函数将运行，不需要 document.ready，onload 等：

<body>  
   <script>
  function myfunction(){}
  myfunction()

   </script>     
</body>

所以我的问题是，如果我像下面这样加载外部文件，那么 js 函数是否会仅使用 myfunction() 并在所有浏览器中执行。

 <body>  
   <script type="text/javascript"async=""src="anotherwebsite.com/jsfile.js"></script> 
</body>

jsfile.js 内容

 function myfunction(){}
  myfunction()

Answer 1

会发生什么如果您动态加载 <script> 标记，默认情况下它将异步执行。因此代码将被执行并调用 myfunction 。如果您希望您的代码同步，您可以像这样将 async 属性设置为 false：

   <script type="text/javascript" async="false" src="anotherwebsite.com/jsfile.js" ></script>

MDN Docs 中有关异步的更多信息。

Pure js invoking functions on async script (external file) within body tags