未定义的Javascript ES6扩展运算符[重复]答案

【问题标题】：Javascript ES6 spread operator on undefined [duplicate]未定义的Javascript ES6扩展运算符[重复]
【发布时间】：2021-05-21 06:34:11
【问题描述】：

在开发我的 react 应用程序时，我需要向组件发送一个条件 prop，因此我在某处找到了这样做的模式，尽管这对我来说似乎很奇怪，而且我不明白它是如何以及为什么工作的。

如果我输入：

console.log(...undefined)   // Error 
console.log([...undefined]) // Error
console.log({...undefined}) // Work

当在 undefined 上激活扩展运算符时，会引发错误，尽管当 undefined 在对象内部时，会返回一个空对象。

我对这种行为感到非常惊讶，它真的应该是这样吗，我可以依赖它吗？这是一个好习惯吗？

【问题讨论】：

【解决方案1】：

此行为对于执行可选传播之类的操作很有用：

function foo(options) {
  const bar = {
    baz: 1, 
    ...(options && options.bar) // options and bar can be undefined
  } 
}

使用optional chaining 会变得更好，它现在在Stage 4 中（并且已经在available in TypeScript 3.7+）：

function foo(options) {
  const bar = {
    baz: 1, 
    ...options?.bar //options and bar can be undefined
  } 
}

一个想法：太糟糕了，它也不适用于传播到数组中

【讨论】：