如何在VSCode中快速在块和表达式样式箭头函数之间切换

5

我的设置:

  • VSCode
  • eslint,并将arrow-body-style设置为始终执行
  • 已配置VSCode eslint扩展程序以自动修复错误

我尝试解决的问题是在块状和表达式样式箭头函数之间切换时比较麻烦。以下是比较:

// block style
const myBlockStyleArrowFn = () => {
  return {};
}

// expression style
const myExpressionStyleArrowFn = () => ({});

我非常喜欢在很多情况下使用简写表达式风格,但是当需要扩展这些函数时,总是需要手动添加必要的括号等。

更糟糕的是,如果我只是试图更改一下,那么VSCode会很友好地将我的块样式箭头函数转换回表达式风格(我发现自己不得不插入冗余的 console.log() 语句,以防止发生这种情况)。

我真正想要的是一个可以让我用快捷键在两个形式之间切换的扩展程序(也许有一个我找不到的,或者我应该自己写一个!)。这就是我的问题:

在VSCode中在两种形式的JavaScript箭头函数之间进行转换的最简单方法是什么?

我知道我可以关闭自动修复功能,但在99%的情况下,它都做得很好,所以我会失去很多。

感谢您一如既往地提供帮助。


顶一下。我也遇到了同样的问题,使用IntelliJ很容易解决。你找到解决方法了吗? - peter
2个回答

7

这个操作有一个内置的重构功能。

将光标放在 => 之间,会出现一个小灯泡。
点击灯泡并选择 添加箭头函数大括号

enter image description here

同样的,选择 删除箭头函数大括号 将会回到原始状态。


2

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接