在看别人JS代码时,经常会看到一些类似下面代码的箭头函数:
var demo = () => { }
如果你没有接触过箭头函数,估计要看晕了,这些都是什么东西?
今天中国网页设计通过6个实例,教给大家掌握箭头函数的语法及使用。
一.js箭头函数语法
1.没有参数时
var demo = function(){ }
相当于:
var demo = () => { }
2.只有一个参数时
var demo = function(a){ return a; }
相当于:
var demo = a => a
3.多个参数需要用到小括号,参数间逗号间隔
var demo = function(a,b){ return a+b; }
相当于:
var demo = (a,b) => a+b
4 . 函数体多条语句需要用到大括号
var demo = function(a,b){ if(a>b){ return a-b; } else{ return b-a; } }
相当于:
var demo = (a,b) =>{ if(a>b){ return a-b; } else{ return b-a; } }
5 . 返回对象时需要用小括号包起来,因为大括号被占用解释为代码块了
var demo = (name,age) =>{ return ({ name: name, age: age }) }
6 .作为数组排序回调
var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => { if (a - b > 0 ) { return 1 } else { return -1 } })
以上就是为大家讲解的箭头函数的语法及使用,相信通过以上实例,大家以后再看到箭头函数应该能看懂了!
本文来自投稿,不代表125jz立场,如若转载,请注明出处:http://www.125jz.com/1313.html