TypeError:无法拆分“”productDetails“”的属性“”product“”，因为该属性未定义

if (productDetails) {
  const { product } = productDetails;
  // 继续处理 product
} else {
  console.error('productDetails is undefined');
}

const product = productDetails?.product;
if (product) {
  // 继续处理 product
} else {
  console.error('product is undefined');
}

const { product = {} } = productDetails || {};
// 现在 product 至少是一个空对象，不会抛出 TypeError

async function fetchProductDetails() {
  try {
    const response = await fetch('/api/product');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Failed to fetch product details:', error);
    return null;
  }
}

fetchProductDetails().then(productDetails => {
  if (productDetails) {
    const { product = {} } = productDetails;
    console.log('Product:', product);
  } else {
    console.log('No product details available.');
  }
});