点击右上方红色按钮关注“小郑搞码事”,每天都能学到知识,搞懂一个问题!
有关箭头函数的使用,相信用过ES6语法的同学都或多或少接触过,最常用的能力就是写函数时省掉了function部分。其实箭头函数有很多有可以利用的能力。它的写法在不同的场景上也是非常有用的。今天,我来给大家推荐有关箭头函数三种不一样的能力。
一. 创建可复用的路径
![381bc13d18ae14d3c1308c0832786937.png](https://i-blog.csdnimg.cn/blog_migrate/90ece98e89fae819264629e443d8b59d.jpeg)
这段代码能够很好的说明创建可复用的路径。因为最后得到的arr就是一个数组[3, 4]。
如果第一个参数obj的值是obj.a[0].b,那么数组输出的就是[{c: 3}, 4]。
这就是创建可复用的路径。
二. 编写链式调用
![dccde24623154ff8a47369c4b3b45f51.png](https://i-blog.csdnimg.cn/blog_migrate/dbf71297263a02760b57ae2765374586.jpeg)
链式调用就更有意思了,如上代码所示,数组里的值会逐个执行再返回给下一个函数执行。当然,这里需要注意reduce的使用规则。
三. 多重嵌套简化
先来一个简单:
![cf6fea6daa95faab81179a6090e39ea8.png](https://i-blog.csdnimg.cn/blog_migrate/528905c4865dc91b869c6a67aea723d8.jpeg)
上面这个简化的写法,相信大家一定比较熟悉,当只有一个参数,一个return返回时可以直接使用箭头函数简写。
下面看一下多重嵌套的简化。
![be731f3270fee6ecb523152feb770fa0.png](https://i-blog.csdnimg.cn/blog_migrate/abf34c3238aae5c1a6a5202c12298208.jpeg)
可以和第一个同样理解,只是加了一个多重嵌套而已。