javascript - 与传播语法相关的奇怪语法

Question

最近我遇到了这段代码，在我更新 babel 依赖项之前它工作正常。

const somefunc = ({ type }) => [
  ...type === 'image' && ['height'],
  'name',
  'text'
];

为了让它再次工作，我将代码更改为:-

const somefunc = ({ type }) => [
  type === 'image' && 'height',
  'name',
  'text'
];

现在的问题是我们代码中的许多地方都使用了旧语法。此外，我无法在社区或旧版本的 ES 或 babel 转译器中的任何地方找到此语法。

Answer 1

如评论中所述，这是一种有条件地将项目添加到数组的方法，但是如果条件为 false，则此代码将不起作用。这可以通过使用三元运算符来解决:

const somefunc = ({ type }) => [
  ...type === 'image' ? ['height'] : [],
  'name',
  'text'
];

您的第二个选项也无法正常工作，因为如果条件为 false，它将向数组添加 false。