如何在Promise的then回调中检查对象是否为null避免解构报错？

为什么你的可选链写法无效？ #

你用的Function()?.then()是针对**Function()的返回值是否为null/undefined**做判断，但这里Function()返回的是一个有效的Promise对象，不是null或undefined，所以这个可选链完全没起到作用。真正的问题是：这个Promise成功resolve的值是null，你直接对null进行解构，才导致了报错。

解决方法 #

方法1：解构时给参数设置默认空对象 #

直接在.then()的回调参数里给解构赋值设置默认值，当resolve的值为null/undefined时，会自动使用空对象替代，避免解构报错：

Function().then(({ property1, property2, property3 } = {}) => {
  // do stuff
});

方法2：先判断结果是否为空，再解构 #

如果需要对null/undefined的情况做单独逻辑处理，可以先判断结果，再执行解构：

Function().then(result => {
  if (!result) {
    // 这里处理result为null/undefined的情况，比如return或者提示用户
    return;
  }
  const { property1, property2, property3 } = result;
  // do stuff
});

方法3：分步解构+默认值 #

如果不想直接在参数里写解构，也可以分步处理，给结果设置默认空对象后再解构：

Function().then(result => {
  const safeResult = result || {};
  const { property1, property2, property3 } = safeResult;
  // do stuff
});

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