在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 + 结果 ;
了解上面的部分就可以基本的使用箭头函数了,更多的详细信息请自行查阅文档;