安全取多层嵌套data需防undefined报错，应先确认API响应结构，再用空对象兜底解构或可选链+条件解构。

直接用对象解构一层层展开就能取到多层嵌套的 data，但关键在防错——中间任意一层为 undefined 就会报错。所以不能硬解，得加兜底或分步处理。

先确认响应结构再解构

API 返回格式千差万别，比如可能是：

• { data: { items: [{ id: 1, name: "A" }] } }
• { result: { data: { user: { id: 123 } } } }
• { data: null } 或 { error: "xxx" }（根本没 data）

别急着写解构，先 console.log(res) 看清实际结构。浏览器 Network 面板也能预览响应体。

安全解构：用空对象兜底 + 嵌套语法

假设你确认响应是 { data: { user: { name: "Alice", age: 30 } } }，可以这样写：

const { data = {} } = response || {};
const { user = {} } = data;
const { name = "Anonymous", age = 0 } = user;

每一步都用 = {} 防止上层为 undefined 导致崩溃。比一口气写 const { data: { user: { name } } } = response 更稳。

arcgis-js

提供 ArcGIS Maps SDK for JavaScript 开发辅助，涵盖 2D/3D 地图视图、图层管理、数据可视化、空间分析等功能模块的参考和示例指导。

下载

一行嵌套解构（仅限结构确定且可信时）

如果后端契约稳定、你敢保证字段一定存在，也可以合并写：

const { 
  data: { 
    user: { name = "Guest", age = -1 } = {} 
  } = {} 
} = response || {};

注意每个 = {} 的位置：外层 response || {} 防空响应；中间 { user: ... } = {} 防 data 为空；最内层 { name, age } = {} 防 user 为空。缺一不可。

配合可选链（?.）提前判空再解构

现代写法更推荐先用可选链提取目标子对象，再解构：

const userData = response?.data?.user;
if (userData) {
  const { name = "Unknown", age = null } = userData;
  // 后续使用 name / age
}

逻辑清晰、调试方便，也容易加日志或 fallback 处理。比纯解构更贴近真实开发场景。

大量免费API接口：立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游，为数据API应用能力赋能！