html文档中引入axios遇到的奇葩问题

在body中引入代码：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

然后插入一个按钮：

<input type="button" value="get请求" class="get">

目的是实现get请求测试网址，一共写了三次代码，第三次才成功
第一次写入：

<script>document.querySelector(".get").onclick = function() {axios.get("http://autumnfish.cn/api/joke/list?num=6").then(function(response){console.log(response);},function(err){console.log(err);})}</script>

出现报错：
更改.then()中的function(response)为res =>，代码如下：

    <script>document.querySelector(".get").onclick = function() {axios.get("http://autumnfish.cn/api/joke/list?num=6").then(res => {console.log(res)}).catch(err => {console.error(err);})console.log("object");}</script>

仍然报错：
第三次，仅更改第二次代码的缩进方式，代码如下：

 <script>document.querySelector(".get").onclick = function() {axios.get("https://autumnfish.cn/api/joke/list?num=6").then(res => {console.log(res)}).catch(err => {console.error(err);})
console.log("object");}</script>

结果竟然就成功跑起来了…

完全不明白，难不成缩进方式也会影响到代码运行吗，按理来说应该是不可能的…
axios的用法也还没有熟练掌握，这次先记下来。