今天在vue-cli腳手架搭建的專案中使用axios時，遇到無法解析this.$route的報錯資訊，最後發現是作用域的問題。

1.解決方法：使用 =>

原始碼：

axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

修改為：

axios.get('/user', {
    params
 
: {
      ID: 12345
    }
  })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

2.=>解析

在JS中，箭頭函式並不是簡單的function(){}匿名函式的簡寫語法糖，實際上，箭頭函式和匿名函式有個明顯的區別：箭頭函式內部的this是詞法作用域，在編寫函式時就已經確定了，由上下文確定。而匿名函式的this指向執行時實際呼叫該方法的物件，無法在編寫函式時確定。
不可以當做建構函式，也就是說，不可以使用 new 命令，否則會丟擲錯誤。
this、arguments、caller等物件在函式體內都不存在。
不可以使用 yield 命令，因此箭頭函式不能用作 Generator 函式。
箭頭函式除了傳入的引數之外，其它的物件都沒有！在箭頭函式引用了this、arguments或者引數之外的變數，那它們一定不是箭頭函式本身包含的，而是從父級作用域繼承的。