• 欢迎光临~

ES6箭头函数

开发技术 开发技术 2021-11-14 94次浏览
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,'我'))

程序员灯塔
转载请注明原文链接:ES6箭头函数
喜欢 (0)