使用函数箭头=>
这个函数箭头是我无意间在一些流行的前端框架中看见,然后觉得是个神奇的东西,所以这里记录函数箭头的学习过程
他的前世今生这里不会做记录和介绍详细的可以去看底层的链接
下面是一些简单的应用场景
单行代码可以省略后面的大括号 单参数可以省略前面的小括号
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 传送门