JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析


Posted in Javascript onMay 22, 2019

本文实例讲述了JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法。分享给大家供大家参考,具体如下:

箭头函数在 JavaScript 里面,是 ES6(ES2015)才加入进来的。因为函数里有个像箭头一样的符号:=>,所以叫箭头函数,英文经常也会称为 Fat arrow functions,胖乎乎的箭头函数。这种函数也称为 lambda 表达式。箭头函数不能当作构造函数使用。

语法

一个箭头函数看起来像这样:

const greet = () => hello

箭头(=>)左边是函数的参数,如果函数没有参数,要使用一组空白的括号,如果函数只有一个参数,这个参数的周围可以不用括号,如果有多个参数,这些参数要放在一组括号里,中间用逗号分隔开。

箭头右边是函数的主体部分,上面这个函数的主体只有一行,所以可以直接把主体放在箭头的右边,箭头函数会自动返回这种单行的主体的结果,也就是你不需要明确的使用 return 关键词返回值。如果函数的主体是多行的,可以把主体部分放在一组大括号里({ })。

单个参数

const greet = name => `hello, ${name}`

name 是 greet 这个箭头函数的一个参数,因为函数只有一个参数,所以它的周围不需要添加括号。

多个参数

const greet = (greeting, name) => `${greeting}, ${name}`

greet 这个函数现在有两个参数:greeting 与 name,它们周围用了一组括号,参数之间用逗号分隔花。

主体

上面这个函数的主体只有一行,是一个表达式,这个表达式的结果会自动被返回,这就相当于是这样:

const greet = (greeting, name) => {
 return `${greeting}, ${name}`
}

上面的 greet 函数的主体部分用了一组大括号,所以在主体里你要明确地使用 return 返回需要的结果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
基于jQuery的简单的列表导航菜单
Mar 02 Javascript
JavaScript 命名空间 使用介绍
Aug 29 Javascript
jquery实现页面图片等比例放大缩小功能
Feb 12 Javascript
JavaScript分秒倒计时器实现方法
Feb 02 Javascript
jQuery Mobile开发中日期插件Mobiscroll使用说明
Mar 02 Javascript
详解为Bootstrap Modal添加拖拽的方法
Jan 05 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
Mar 07 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
vue实现树形结构样式和功能的实例代码
Oct 15 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
Nov 05 Javascript
vue中touch和click共存的解决方式
Jul 28 Javascript
vue 实现click同时传入事件对象和自定义参数
Jan 29 Vue.js
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
May 22 #Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
May 22 #Javascript
详解在React-Native中持久化redux数据
May 22 #Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
May 22 #Javascript
JavaScript函数式编程(Functional Programming)纯函数用法分析
May 22 #Javascript
jQuery Migrate 插件用法实例详解
May 22 #jQuery
自定义Vue组件打包、发布到npm及使用教程
May 22 #Javascript
You might like
PHP入门教程之数学运算技巧总结
2016/09/11 PHP
php中让人头疼的浮点数运算分析
2016/10/10 PHP
php自定义函数br2nl实现将html中br换行符转换为文本输入中换行符的方法【与函数nl2br功能相反】
2017/02/17 PHP
利用php操作memcache缓存的基础方法示例
2017/08/02 PHP
php中上传文件的的解决方案
2018/09/25 PHP
JavaScript 解析Json字符串的性能比较分析代码
2009/12/16 Javascript
利用javascript解决图片缩放及其优化的代码
2012/05/23 Javascript
jquery实现带复选框的表格行选中删除时高亮显示
2013/08/01 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
jquery插件pagination实现无刷新ajax分页
2015/09/30 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
jQuery常用的一些技巧汇总
2016/03/26 Javascript
深入理解JS中的Function.prototype.bind()方法
2016/10/11 Javascript
JS使用正则表达式验证身份证号码
2017/06/23 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
2020/03/27 Javascript
javascript性能优化之分时函数的介绍
2018/03/28 Javascript
如何基于js判断浏览器版本
2020/02/20 Javascript
Node.js API详解之 querystring用法实例分析
2020/04/29 Javascript
python格式化字符串实例总结
2014/09/28 Python
Django原生sql也能使用Paginator分页的示例代码
2017/11/15 Python
python requests.post带head和body的实例
2019/01/02 Python
Python的Lambda函数用法详解
2019/09/03 Python
python使用paramiko实现ssh的功能详解
2020/03/06 Python
DRF使用simple JWT身份验证的实现
2021/01/14 Python
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
Sunglasses Shop荷兰站:英国最大的太阳镜独立在线零售商和供应商
2017/01/08 全球购物
马来西亚排名第一的宠物用品店:Pets Wonderland
2020/04/16 全球购物
信号量和自旋锁的区别?如何选择使用?
2015/09/08 面试题
成人大专生实习期的自我评价
2013/10/02 职场文书
技术比武方案
2014/05/19 职场文书
合伙开公司协议书范本
2014/10/28 职场文书
顶岗实习协议书
2015/01/29 职场文书
怎样写家长意见
2015/06/04 职场文书
MySQL 重写查询语句的三种策略
2021/05/10 MySQL
mysql事务隔离级别详情
2021/10/24 MySQL
用JS创建一个录屏功能
2021/11/11 Javascript