ES6箭头函数

Vue.filter('capi', val =>{
        const first = val.charAt(0).toUpperCase()
        const other = val.slice(1)
        return first + other
    })

箭头函数的基本用法：
参数 => 函数体

上面等价于

Vue.filter('capi', function (val){
        const first = val.charAt(0).toUpperCase()
        const other = val.slice(1)
        return first + other
    })

var f = v => v;
//等价于
var f = function(a){
 return a;
}
f(1);  //1

注意点：

当箭头函数没有参数或者有多个参数，要用() 括起来。

<script>
    const f = (a, b) => a + b;
    console.log(f(1, 2))//3

</script>

当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。

const x = (a,b) => {
      const result = a + b
      return result
    }

当箭头函数要返回对象的时候，为了区分于代码块，要用 () 将对象包裹起来

const x1 = (id, name) => ({
      id: id, name: name
    })
    console.log(x1(2,'我'))