ES6基础语法之箭头函数

ES6(ES2015)中新增一种函数写法,箭头函数极大便利了书写函数的方式!

接下来看一下ES5和ES6的区别

ES5:

function add(x,y){
	return x+y;
}
   add(3,5)

ES6:

let add=(x,y) => x+y
add(3,5)

不再像之前需要使用function来声明!

上面是一个极其简单的箭头函数

接下来看一个标准的箭头函数

let sum=(x+y+z)=>{
    console.log(x,y,z)
    console.log("sum:"x+y+z)
}


如果参数中比如x,y,z在没有指定z的情况下给z返回一个默认值该如何操作呢

ES5:

function de(x,y,z){
	var z=z || 0;
	console.log(x,y,z)
}
de(1,2)


ES6:

//ES6方式

let de2=(q,w,e=2)=>{
	console.log(q,w,e)
}

ES6直接在参数中=默认值就解决,上述中只是出一个参数的默认值,多个参数下ES6的便利性毋庸置疑!

本博客所有文章如无特别注明均为原创。作者:十月梦想复制或转载请以超链接形式注明转自 十月梦想博客
原文地址《ES6基础语法之箭头函数
分享到:更多

相关推荐

未登录,暂时无法评论和查看评论!

点击这里给我发消息点击此处联系博主!