Vue官方文件中本菜鳥沒見過的ES6內容

物件的擴充套件

見上面程式碼塊

箭頭函式

• 按引數分一分捏~

  • 當引數只有一個時，括號可以省略

    var f = v => v;
    // 等同於
    var f = function (v) {
      return v;
    };
    

  • 不需要引數，括號不可省略

    var f = () => 5;
    // 等同於
    var f = function () { return 5 };
    

  • 需要多個引數，括號不可省略

    var sum = (num1, num2) => num1 + num2;
    // 等同於
    var sum = function(num1, num2) {
      return num1 + num2;
    };
     
    

  • 可變引數

    var f = (a, b, ...args) => {}
    // 等同於
    var f = function(a, b, ...args) {}
    

• 相當於匿名函式，並簡化了函式定義

• 箭頭函式有兩種格式

  • 只包含一個表示式（函式體中只有一句程式碼，程式碼執行結果就是返回值），可以省略大括號{...}和return

    () => return 'hellow'
    (a, b) => a + b
    

  • 包含多條語句，不能省略大括號{...}和return

    (a) => {
      a = a + 1
      return a
    }
    

• 如果返回一個物件，需要特別注意