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 + 结果   ;


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

猜你喜欢

转载自blog.csdn.net/cvper/article/details/80003920