首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ES6基础语法之箭头函数

ES6基础语法之箭头函数

作者头像
十月梦想
发布2018-10-09 14:57:32
4870
发布2018-10-09 14:57:32
举报
文章被收录于专栏:十月梦想十月梦想

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的便利性毋庸置疑!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-9-4,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档