ES6 箭头函数

在ES6 中，增加了箭头函数这种新的形式，其实还是函数；

下面简单了解一下：

<script>

let func = canshu => canshu;

console.log(func(3));

</script>

上面我们定义了一个函数，采用的es6箭头函数的形式；

let 相当于 之前的 var  ，用来定义变量，但是 let 具有块级作用域的性质；

func 表示的是函数名字；

等号 = 后面的是我们的参数；

箭头后面是我们的返回值；

对比一下看看：

<script>

//es6的方式

let func =canshu => canshu;

console.log(func(3));

//之前我们的方式

function func(canshu){

return(canshu);

}

//或者这样写

var func=function(canshu){

return(canshu);

}

</script>

上面的箭头函数默认的是一个参数的情况，如果我们有多个参数怎么写？

很简单，把参数用小括号括起来就可以了：

<script>

//es6的方式

let func =(canshu1,canshu2) => canshu1+canshu2;

console.log(func(3,2));

</script>

上面的函数的返回是只有一条语句时的情况，按上面的写法会默认返回，但是函数里面很少只有一个语句，

我们看看多条语句的情况下是如何来写？

<script>

//es6的方式

let func =(canshu1,canshu2) => {

if(canshu1>canshu2){

return canshu1;

}else{

return canshu2;

}

};

console.log(func(3,8));

</script>

首先多条语句，需要在箭头函数后面加上  { 语句都写在这里面 }

其次，返回值需要我们显式的写出来，也就是 return + 结果   ；

了解上面的部分就可以基本的使用箭头函数了，更多的详细信息请自行查阅文档；