使用ES6函数箭头=>

使用函数箭头=>

---

这个函数箭头是我无意间在一些流行的前端框架中看见，然后觉得是个神奇的东西,所以这里记录函数箭头的学习过程
他的前世今生这里不会做记录和介绍详细的可以去看底层的链接

下面是一些简单的应用场景

单行代码可以省略后面的大括号 单参数可以省略前面的小括号
return 不是必须的

1.一个参数的函数箭头

var a = a => a
console.log(a('hellow')); //return hellow;

2.多个参数的函数箭头

var b = ( b , c ) => b + c
console.log(b(1,2));   //return 3;

3.没有参数的函数箭头

var c=()=> alert('hellow');
c();            //hellow

4.返回对象需要用小括号包裹

var d = list => ({name:'zhangsan',age:26})
console.log(d()['name']); //zhangsan

5.直接作为事件handler

 document.addEventListener('click', ev => {
        console.log(ev)
    })

6.数组排序

  var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => a-b>0?1:-1)

更多的使用方式详见官方的API 传送门