位置: 编程技术 - 正文

深入理解JavaScript中的箭头函数(深入理解新发展理念,推进供给侧结构性改革)

编辑:rootadmin

推荐整理分享深入理解JavaScript中的箭头函数(深入理解新发展理念,推进供给侧结构性改革),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:深入理解新发展理念,推进供给侧结构性改革 心得体会,深入理解新发展理念,推进供给侧结构性改革 心得体会,深入理解中国式现代化,深入理解javascript,深入理解javascript特性,深入理解计算机系统,深入理解计算机系统,深入理解javascript特性.pdf,内容如对您有帮助,希望把文章链接给更多的朋友!

从一开始箭头就是 JavaScript 的一部分,在第一个 JavaScript 中就建议将内联的脚本代码包裹在 HTML 的注释中,这可以防止那些不支持 JavaScript 的浏览器错误滴将你的代码显示为明文。你也许写过下面这样的代码:

古老的浏览器将看到两个不被支持的标签和一段注释,只有支持 JavaScript 的新浏览器才会将其解析为 JavaScript 代码。

为了支持这个古怪的特性,浏览器的 JavaScript 引擎把 <!-- 作为一个单行注释的开始,这不是开玩笑的,这一直都是这门语言的一部分,并且至今还能用,不仅仅在 <script> 标签内的首行,而是在 JavaScript 代码的任何部位都可用,它甚至还能在 Node 中使用。

凑巧的是,这种风格的注释在 ES6 中首次被标准化。但这并不是我们将谈论的箭头。

--> 也表示一个单行注释,与 HTML 不同的是,在 HTML 中,--> 之前的部分是注释内容,而在 JavaScript 中,在 --> 之后的行才是注释。

只有当 --> 出现在一行的开始时,才表示该箭头是一个注释,因为在其他情况下,--> 是一个操作符(goes to)。

上面代码是真实能运行的。循环运行直到 n 为 0,这并不是 ES6 的新特性,但结合我们熟悉的特性,这具有很强的误导性。你能搞明白上面代码的运行情况吗?你可以在 Stack Overflow 上找到相应的解答。

当然还有一个箭头,那就是小于等于操作符 <=,也许你还可以找到使用箭头的地方,但我们还是停下来,看一个我们从没见过的箭头:

<!-- 单行注释 --> goes to 操作符 <= 小于等于操作符 => &#;&#;&#;

那么,=> 表示什么呢?这就是本文将讨论的话题。

首先,我们来谈谈函数。无处不在的函数表达式

JavaScript 一个有趣的特点是,任何时候你需要一个函数,你可以很方便地创建它们。

例如,为一个按钮绑定点击事件:

深入理解JavaScript中的箭头函数(深入理解新发展理念,推进供给侧结构性改革)

jQuery 的 .click() 方法需要一个函数作为参数,我们可以很方便地就地创建一个函数:

现在对我们来说,编写这样的代码是最自然的事了。但是在 JavaScript 流行起来之前,这种风格的代码看起来还是有些奇怪,因为在其他语言中都没有这样的特性。在 年,Lisp 就有了函数表达式,也叫 lambda 函数,而在存在多年的 C++、Python、C# 和 Java 中没有该特性。

现在,这四门语言都有了 lambda 表达式,而且新出现的语言都普遍内置了 lambda 表达式。如今 JavaScript 也支持该特性了,这必须感谢那些重度依赖 lambda 表达式的库的开发者,这推动了该特性被广泛采纳。

与其他几门语言相比,JavaScript 的语法略显冗长:

箭头函数

ES6 引入了一种新的语法来编写函数:

当你需要只有一个参数的函数,箭头函数的语法可以简化为 Identifier => Expression,直接省略了 function 和 return 关键字,连括号和结尾的分号也同时省略了。

编写一个有多个(或没有参数,或 Rest 参数和参数默认值,或解构参数)参数的函数,你需要用括号将参数括起来:

箭头函数还可以与一些工具函数库完美地配合使用,比如 Underscore.js 和 Immutable,事实上,Immutable 文档中的例子全部都是使用 ES6 编写,其中有很多已经使用到了箭头函数。

函数体除了使用一个表达式外,箭头函数还可以包含一个语句块,回忆之前我们提到过的例子:

下面是采用箭头函数的写法:

需要注意的是,使用语句块的箭头函数不会自动返回一个值,必须显式地使用 return 来返回一个值。

还有一个忠告,当使用箭头函数来返回一个对象时,始终使用括号将返回的对象括起来:

因为空对象 {} 与空语句块 {} 看上去一模一样,ES6 将始终把紧跟在 => 后面的 { 当作语句块的开始,而不是一个对象的开始,那么 puppy => {} 就被解析为一个没有函数体的箭头函数,而且返回值为 undefined。

解析JavaScript的ES6版本中的解构赋值 什么是解构赋值?解构赋值允许你使用类似数组或对象字面量的语法将数组和对象的属性值赋给一系列变量。这个语法非常简洁,而且比传统的属性访

使用AmplifyJS组件配合JavaScript进行编程的指南 事件分发的作用在为页面添加各类交互功能时,我们熟知的最简单的做法就是为页面元素绑定事件,然后在事件处理函数中,做我们想要做的动作。就

怎么通过onclick事件获取js函数返回值(代码少) 具体过程不做详细叙述,直接上代码:写一个弹出框,绑定onclick事件是好像控制不了它的返回值。代码如下functioncreateBtn(){for(vari=0;i_this.btn.length;i++){varb

标签: 深入理解新发展理念,推进供给侧结构性改革

本文链接地址:https://www.jiuchutong.com/biancheng/377572.html 转载请保留说明!

上一篇:深入了解JavaScript中的Symbol的使用方法(深入了解工作优势怎么回答)

下一篇:解析JavaScript的ES6版本中的解构赋值(js excel解析)

  • 公司购买车辆的好处
  • 应交税费负数调整到其他非流动资产
  • 增值税的纳税人是谁
  • 公司会计日常工作内容
  • 向保险公司缴纳的保险费可以税前扣除吗
  • 委托加工物资需要计提存货跌价准备吗
  • 出纳取备用金需要交税吗
  • 房地产企业营改增前都交那些税
  • 提取资本公积会计凭证
  • 现金支票 差旅费
  • 社保扣款不成功会短信提醒吗
  • 境外劳务输出有哪些类型
  • 发票冲红后原发票还有用吗?
  • 财报分析推荐书籍
  • 销售业务中的贴息如何开票?
  • 化妆品进口环节消费税
  • 营改增之后的增值税
  • 辅导期一般纳税人预缴增值税
  • 如何开具红字专用发票信息表
  • 招待费多少
  • 建筑服务中的其他建筑服务
  • 支付保洁费用
  • 新建厂房购入材料会计分录
  • 即征即退进项税额分摊方法
  • 减免附加税分录怎么做
  • 个人借单位的钱要交税吗
  • 自然人独资属于什么经济性质
  • 危险废物处置是冶金行业吗
  • 客户的佣金怎么处理
  • 衍生金融资产属于投资性资产吗
  • 国际重复征税的解决方法公式
  • 微信公众号开发php源码
  • “linux系统”
  • 先付费后收到发票怎么做分录
  • 1.exe是什么文件
  • 可转换债券的特点有哪些?
  • php数据表
  • 无偿转让股权如何做账
  • 关于php中的各种循环说法正确的是
  • 时间序列转换
  • 前端开发软件哪个最好
  • vue3 script setup withdefault
  • br命令怎么用
  • 定额发票新旧版区别
  • 企业接受捐赠资产属于什么科目
  • 没有取得发票就把车卖了违法吗
  • tomcat结构图
  • 代扣代缴个人所得税奖励金
  • 结转完工产品成本的会计科目
  • 余额百分比法计提坏账准备
  • 清理扬声器
  • 公司人身意外保险多少钱
  • 主营业务成本的增加在哪一方
  • 生产车间为生产产品
  • 补交以前年度企业所得税怎么入账
  • 单位补扣社保算漏交吗
  • 库存商品盘点制度
  • 外资企业股权转让给内资企业流程
  • 民非企业怎么给员工交五险
  • 员工办理健康证介绍信模板
  • 在途物资材料采购原材料的区别
  • 新增注册资金
  • mysql数据源
  • mysql7.x单独安装mysql的方法
  • 简述mysql的优势
  • fedora怎么联网
  • windows7光盘安装
  • debian修改中文
  • ubuntu20.04教程
  • centos7.9关机
  • win8.1安装应用商店
  • node通过express搭建自己的服务器
  • sdk有问题
  • websocket方法
  • javascript工作
  • js判断输入框字符长度
  • 电子税务局领取纸质发票的步骤
  • 单张发票开票限额?
  • 外地人在上海奉贤区买房需要什么条件
  • 广东省税务局网络不通
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设