ES6中新增的箭头函数

箭头函数的本质就是函数,只不过用了一种相对简洁的方式来表达而已,不多说,直接上代码:

1.最基本格式:

var fun = v => v ;
等同于:

var fun = function ( v ){
return v ;
};
fun是函数名,v是函数的参数, =>后面的v是要返回的值。

2.箭头函数没有参数的情况:

//无参数类型的fun箭头函数
var fun = () => 999 ;
//等同于
var fun = function (){
return 999 ;
}
3.箭头函数有多个参数的情况:

//多个参数的箭头函数类型
var fun = ( a , b ) => a + b ;
//等同于
var fun = function ( a , b ){
return a + b ;
}
4.如果箭头函数的函数代码块部分语句有多条,则用大括号括起来:

//语句块中有多条语句的
var sum = ( a , b ) => { console . log ( a ); return a + b ;}
//等同于
var sun = function ( a , b ){
console . log ( 1 );
return a + b ;
}
5.变量的解构:

var sub = ( { a , b } ) => a + " " + b ;
//等同于
var sub = function ( Class ){
return Class . a + " " + Class . b ;
}






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值