当前位置: 首页 > 面试题库 >

JavaScript 返回对象的ECMAScript 6箭头函数

南宫浩皛
2023-03-14
问题内容

从箭头函数返回对象时,由于语法上的歧义,似乎有必要使用额外的{}return关键字集。

那意味着我不会写p => {foo: "bar"},但必须写p => { return {foo: "bar"}; }

如果arrow函数返回的不是对象,则{}return都是不必要的,例如:p => "foo"

p => {foo: "bar"}返回undefined

修饰符p => {"foo": "bar"}抛出 SyntaxError::意外标记::‘”

有什么明显的我想念的吗?


问题答案:

您必须将返回的对象文字包装在括号中。否则,花括号将被视为表示功能的主体。以下作品:

p => ({ foo: 'bar' });

您不需要将任何其他表达式包装到括号中:

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

等等。



 类似资料:
  • 它必须是基本的,但请帮助我理解为什么这不起作用。 当我编写一个普通的arrow函数并返回jsx时,它就工作了。但是,当我使用async/await请求和相同的arrow函数返回jsx时,它失败了。 编辑: 实际上,我必须在列表视图中显示用户的配置文件图像。所以,我调用这个函数来检索我的块中相应用户的图像 这很有效 但事实并非如此

  • 我最近切换到es6,开始在我的代码中使用箭头函数。在重构过程中,我遇到了以下代码 我把上面的代码改成了这个- 但是我从上面的代码得到错误。我不知道这里出了什么问题?我知道如果没有代码块,那么箭头函数提供了隐式返回。 但不知道如何返回空对象或匿名对象与一些属性初始化? 编辑: 如果我这样做有什么错?只是出于好奇。

  • 为什么返回的时候只能写成return obj[checkProp]; 而不能写成return obj.checkProp;会输出Undefined

  • 本文向大家介绍ECMAScript6的新特性箭头函数(Arrow Function)详细介绍,包括了ECMAScript6的新特性箭头函数(Arrow Function)详细介绍的使用技巧和注意事项,需要的朋友参考一下 箭头函数是ECMAScript 6最受关注的更新内容之一。它引入了一种用「箭头」(=>)来定义函数的新语法,它…它碉堡了~。箭头函数与传统的JavaScript函数主要区别在于以下

  • 以下是相关代码: 我正在使用babel将es6代码翻译成javascript。这是错误消息: 为什么会出现语法错误?

  • 我试图弄清楚为什么对象文本中的箭头函数被调用为作为。有人能给我点见识吗? 控制台日志来自Fiddle(其中不使用)。