如何优雅初始化对象缺失成员并创建新成员引用？

这种场景我太熟悉了——在对象生命周期里逐步添加属性时，一不小心就会踩中引用指向的坑，而且因为没有报错，排查起来特别头疼！

先把你说的问题用代码具象化，方便理解：

const bigObject = {};
// 逻辑：如果bigObject有member就拿它的引用，没有就拿新空对象的引用
const myMem = bigObject.member || {};
myMem.value = 30;

这时候确实会出现不可预测的结果：

• 如果bigObject本来就有member属性，myMem指向原对象的属性，修改myMem.value会直接同步到bigObject.member里；
• 但如果bigObject没有member，myMem指向的是临时创建的空对象，修改myMem.value完全和bigObject没关系，最后找bigObject.member.value会发现根本不存在。

最优解决方案：确保引用始终指向目标对象的属性 #

核心思路就是不要让引用指向外部临时对象，不管目标属性是否存在，都要把它绑定到原对象上。这里推荐用ES6+的空值合并运算符（??）和逻辑赋值运算符（??=）来实现，既简洁又安全：

方案1：分步处理，清晰直观

const bigObject = {};
// 先确保bigObject.member存在（不存在就初始化空对象）
bigObject.member = bigObject.member ?? {};
// 再获取引用，此时myMem一定指向bigObject内部的member
const myMem = bigObject.member;
myMem.value = 30;

// 验证：bigObject.member.value === 30，结果完全可预测

方案2：简洁的链式写法

如果追求代码紧凑，可以用逻辑赋值运算符一步到位：

const bigObject = {};
// 直接确保bigObject.member存在后，再赋值value
(bigObject.member ??= {}).value = 30;

为什么这个方案更可靠？ #

• 和原来的||不同，??只会在值为null或undefined时才触发替换，避免了把0、false、''这些合法假值误替换成空对象的问题；
• 无论bigObject.member原本是否存在，最终我们修改的都是bigObject内部的属性，引用指向完全可控，不会出现“值不知道存在哪”的情况。

内容的提问来源于stack exchange，提问作者user7125259