今天更新了一些代码，该代码将可选的 props 返回给 React 组件。我发现，即使该函数有时返回 null ，当返回值立即解包时也不会出错。

代码的详尽摘要：

const returnPropsOrDont = (condition) => {
  if (condition) return null;
  return { optionalProp: 'foo' };
}
...
render() {
  const { condition } = props;
  return <SomeComponent
           staticProp="staticProp"
           {...returnPropsOrDont(condition)}
         />
}

意识到这很酷后，我跑到控制台并在对象和数组上尝试了它。唉 -

> {...null} // {}
   > {...undefined} // {}, which is interesting because null is an object but undefined is not
   > [...null] // Uncaught TypeError: object null is not iterable

我进行了一些简单的 Google 搜索， 找到了一篇文章 ，其中提到 TypeScript 认为这是一个功能，以确保可选定义的值不会困扰毫无戒心的开发人员。很好，但是 a) 我没有使用 TypeScript，并且 b) 我不知道为什么 JS 不以同样的方式保护数组。

既然这看起来像是对可选定义值的保护，为什么 {...null 没问题而 [...null] 不可以？