专栏首页十月梦想ES6基础语法之箭头函数

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • ES6基础语法之新增字符串方法

    十月梦想
  • 数组截取slice和splice区别

    在数组截取slice和splice都可以实现数组对象的截取,那么这两个有什么区别呢?当然我们先从代码实例推测一下!

    十月梦想
  • 函数

                                                函数体

    十月梦想
  • 微课|Python程序设计开发宝典(5.2.2):默认值参数

    调用带默认值参数的函数时,有三个要点:1)是否给带默认值的参数传递了实参,2)参数的默认值是否为可变对象,3)在函数内部是如何使用默认值参数的。

    Python小屋屋主
  • ES6系列_7之箭头函数和扩展

    ES6中我们直接用throw new Error( xxxx ),就可以抛出错误。

    wfaceboss
  • fastjson存在乱序的问题

    通常来讲,在使用json数据格式时一般不需要要求数据有序。但凡事都有例外,针对查询时序数据这样一个场景,就必须要求服务器端返回的数据是按时间有序的,否则前端在进...

    2Simple
  • 为什么电池成为了新能源的桎梏

    几日前,网友在微博上传了一段某国产新能源汽车在广州马路边电池自燃爆炸的视频,引起了全民关注。事发六天前,威马新能源汽车在其成都研究院内刚发生过自燃事件。就连新能...

    镁客网
  • 添加swagger api文档到node服务

    swagger,一款api测试工具,详细介绍参考官网:http://swagger.io/ ,这里主要记录下怎么将swagger api应用到我们的node服务...

    用户1141560
  • javascript中bind绑定接收者与函数柯里化

    如果我已经把匿名函数抽象出来,做成了一个公共的方法 (可能其他地方也会用的到) 那么,这个遍历会是这样的;

    liulun
  • 30分钟掌握ES6/ES2015核心内容

    ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 201...

    java爱好者

扫码关注云+社区

领取腾讯云代金券