无法初始化第二个javascript文件中的函数

Question

我有两个我正在使用的javascript文件。 File1.js正在初始化我在file2.js中设置的函数。但是，在我的控制台中，我收到一条错误消息，指出函数未定义。

我错过了什么吗？

HTML：

<script type="text/javascript" src="file2.js"></script>
<script type="text/babel" src="file1.js"></script> 

FILE1.js

if (x = "foo") {
    doThis();
}

FILE2.js

function doThis() {
    alert("HELLO.");
}