首页 > web前端 > js教程 > 如何正确从 ES6 箭头函数返回对象?

如何正确从 ES6 箭头函数返回对象?

DDD
发布: 2024-12-19 07:36:10
原创
964 人浏览过

How Do I Correctly Return Objects from ES6 Arrow Functions?

从 ECMAScript 6 中的箭头函数返回对象

在 ECMAScript 6 (ES6) 中,箭头函数通过提供简洁的语法来简化代码的可读性箭头函数返回。但是,当从箭头函数返回对象时,会出现一些歧义,导致需要将对象文字括在大括号中并显式使用 return 关键字。

省略大括号时会出现语法不明确。例如,p => {foo: "bar"} 表示函数体而不是对象返回。要解决此问题,必须用括号将对象文字括起来:p => ({foo: "bar"}).

返回非对象时,不需要括号。示例包括:

  • p =>; 10
  • p => 'foo'
  • p =>;真
  • p => [1,2,3]
  • p => null
  • p =>; /^foo$/

MDN 文档在其有关返回对象文字的部分中阐明了这个概念。通过将对象文字括在括号中,解析器可以正确解释预期的返回值。

以上是如何正确从 ES6 箭头函数返回对象?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板