JavaScript引用其他文件代码且自动执行代码

在JavaScript中，可以使用<script>标签来引用其他文件的代码，并且可以通过设置defer或async属性来控制代码的执行方式。

1. 使用<script>标签引用外部文件：

<script src="otherfile.js"></script>

这样可以将otherfile.js文件中的代码引入到当前页面中，并且代码会按照引入的顺序执行。

2. 使用defer属性：

<script src="otherfile.js" defer></script>

defer属性表示延迟执行脚本，即脚本会在页面的其他内容加载完毕后再执行。多个带有defer属性的脚本按照引入的顺序依次执行。

3. 使用async属性：

<script src="otherfile.js" async></script>

async属性表示异步执行脚本，即脚本的加载和执行不会阻塞页面的加载。多个带有async属性的脚本的执行顺序是不确定的。

需要注意的是，使用以上方式引入的外部文件中的代码会自动执行，无需手动调用