Es6如何使用箭头函数和使用场景详解

ES6 箭头函数

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。

箭头函数提供了一种更加简洁的函数书写方式
function关键字去掉,在形参括号后面添加符号=>

参数 => 函数体
	var f = v => v;
//等价于
var f = function(v){
 return v;
}
f(1);  //1

如果没有形参,必须保留形参()

let fun = () => {
            return 'i miss  you';
        }
        fun();

对于一个形参而言省略形参的() 可以简化

let fun1 = val => {
            return 'i miss  you';
        }
        fun1('aa');

当箭头函数没有参数或者有多个参数，要用 () 括起来

var f = (a,b) => a+b;
	f(6,2);  //8

如果函数体就一行 去掉函数体的{} 可以间接为如下格式

let fun = val =>{
            return val;
        }
        console.log(fun(1));
  let fun1 = val =>  val;//注意: => 符号后不能写return 关键字

当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块