带有语句的扩展语法 ES6

Question

我尝试用扩展语法编写三元运算符并复制两个对象。是否可以在文本对象中使用带有扩展语法的三元运算符？ 我的代码工作正常，我只想优化它。

hintStyle: disabled ? {...globalStyles.hint, ...globalStyles.hintDisabled} : globalStyles.hint,

我想这样写：

hintStyle: {...globalStyles.hint, {disabled ? ...globalStyles.hintDisabled : {}}},

Answer 1

Spread 不是运算符，它是对象文字语法的一部分(或者至少在提案被接受时是这样(。你需要写

{...globalStyles.hint, ...(disabled ? globalStyles.hintDisabled : {})},

Answer 2

我今天遇到了同样的问题，我的用例非常简单，我可以这样做：

// given any-typed parameters a and b, I want to append b to a
// if a is iterable, I want to use spread.
// Initially I had:
const fn1 = (a, b) => [Symbol.iterator in a ? ...a : a, b]
// This was my solution:
const fn2 = (a, b) => Symbol.iterator in a ? [...a, b] : [a, b];