javascript - 使用可选链接分配变量？

Question

我知道在撰写本文时只有少数浏览器支持它，但是有没有一种聪明的方法可以通过可选链接为深层嵌套对象中的键赋值？我尝试了类似下面的方法，但它对我不起作用:

const foo = {bar: {baz: {quux: ''}}};
foo?.bar?.baz?.quux = 'quux'  // Uncaught SyntaxError: Invalid left-hand side in assignment

我能想到的唯一方法就是通过以下方式对其进行条件检查:

if (foo?.bar?.baz?.quux)
  foo.bar.baz.quux = 'quux'

是否有更好的方法来做到这一点？

Answer 1

一些代码(例如 Google 中的一些代码)会执行以下操作:

const foo = {bar: {baz: {quux: ''}}};

foo && foo.bar && foo.bar.baz && (foo.bar.baz.quux = 'quux');
console.log(foo);

console.log(foo && foo.bar && foo.bar.wahla && foo.bar.wahla.haha);

但如果 foo.bar 是一个真值而不是一个对象，那就有问题了。