extjs 按钮小箭头展开panel_箭头函数还有三个值得关注能力

点击右上方红色按钮关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!

有关箭头函数的使用,相信用过ES6语法的同学都或多或少接触过,最常用的能力就是写函数时省掉了function部分。其实箭头函数有很多有可以利用的能力。它的写法在不同的场景上也是非常有用的。今天,我来给大家推荐有关箭头函数三种不一样的能力。

一. 创建可复用的路径

381bc13d18ae14d3c1308c0832786937.png

这段代码能够很好的说明创建可复用的路径。因为最后得到的arr就是一个数组[3, 4]。

如果第一个参数obj的值是obj.a[0].b,那么数组输出的就是[{c: 3}, 4]。

这就是创建可复用的路径。

二. 编写链式调用

dccde24623154ff8a47369c4b3b45f51.png

链式调用就更有意思了,如上代码所示,数组里的值会逐个执行再返回给下一个函数执行。当然,这里需要注意reduce的使用规则。

三. 多重嵌套简化

先来一个简单:

cf6fea6daa95faab81179a6090e39ea8.png

上面这个简化的写法,相信大家一定比较熟悉,当只有一个参数,一个return返回时可以直接使用箭头函数简写。

下面看一下多重嵌套的简化。

be731f3270fee6ecb523152feb770fa0.png

可以和第一个同样理解,只是加了一个多重嵌套而已。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值