箭头函数

http://es6.ruanyifeng.com/#docs/function#%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0


1、ES6 允许使用 “”=>“” 定义函数

var f  =  v  => v ;

等同于:

var f  =  function(v){

return v;

}


2、箭头函数不需要参数或需要多个参数时,使用  ()表示参数部分

      如果箭头函数的代码块部分多余一条语句,那么久使用  {  }   将他们包括起来,并且使用  return   语句返回

var  f  =  ( )  =>  5 ;          等同于:      var  f  =  function ( ) { return  5 } ;


var  sum  =  ( num1,num2 )  =>  num1  +  num2 ;

等同于:

var  sum  =  function( num1,num2 ) {

return  num1 +num2 ;

}

 

3、由于  {  }  被解释为代码块,所以,如果箭头函数直接返回一个对象,那么必须在对象外面加上括号

var  getTempItem  =  id  =>  ({  id:id,name:"Temp"  }) ;


4、箭头函数可以与变量结构结合使用

const  full  =  ({  first  ,last  })  =>  first  +  '    '   +  last ;

等同于:

function  full( person ) {

return  person.first  +  '   '  +  person.last ;

}


二、箭头函数的优点:

1、使表达式更简洁

2、简化回电函数













评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值