在看别人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
微信扫一扫 
支付宝扫一扫 