ES5 function(){} 和 ES6 箭頭函數的轉換()=>{} 的轉換問題

因爲 項目需要 本人又開始了前臺的 踩坑之路
習慣了 jquery 突然使用 vue 感覺極度不適應 但是 爲了微薄的薪水 忍了 哈哈哈

第一種 轉換方式

ES5:
function(a,b) {
    a = "萬歲萬歲";
    b = "萬萬歲";
    alert("吾愛破解" + a + b);
}
ES6:
(a,b) => {
    a = "萬歲萬歲";
    b = "萬萬歲";
    alert("吾愛破解" + a + b);
}

第二種 轉換方式

ES5:
function myFn(a,b) {
    a = "萬歲萬歲";
    b = "萬萬歲";
    alert("吾愛破解" + a + b);
}
ES6:
const myFn = (a, b) => { //這裏可以用 var let 都可以 就是聲明一下的意思
  a = '萬歲萬歲'
   b = "萬萬歲";
    alert("吾愛破解" + a + b);
  }

注意事項：

使用箭頭函數注意幾點：

1、函數體內的this對象就是定義時所在的對象，而不是使用時所在對象；
2、不可以當作構造函數使用，也就是不能用new命令實例化一個對象，否則會拋出一個錯誤；
3、不可以使用arguments對象，該對象在函數體內不存在，如果要用的話，可以用rest參數代替；
4、不可以使用yield命令，箭頭函數不能用作Generator函數；