JavaScript对象解构可直接提取图表配置字段，支持默认值、重命名和嵌套解构，适用于ECharts等库；基础解构取顶层属性，可选字段赋默认值，重命名避免冲突，嵌套解构简化深层访问，还可结合函数参数提升初始化简洁性。
JavaScript 中对象解构提取图表配置项参数，核心是用 { key1, key2, ... } 从配置对象中直接获取所需字段，支持默认值、重命名、嵌套解构，特别适合处理像 ECharts、Chart.js 等库的复杂配置对象。
基础解构：提取顶层配置字段
多数图表库配置是普通对象，比如：
const chartConfig = {
title: '销售趋势',
width: 800,
height: 400,
theme: 'light'
};
直接解构即可拿到常用参数：
立即学习“Java免费学习笔记（深入）”；
const { title, width, height } = chartConfig;
console.log(title); // '销售趋势'
console.log(width); // 800
带默认值和重命名：应对可选或命名冲突
图表配置常有可选字段（如 tooltip 可能未定义），或想用更简洁的变量名：
- 用
=提供默认值：const { tooltip = {}, animation = true } = chartConfig; - 用
oldName: newName重命名：const { width: chartWidth, height: chartHeight } = chartConfig; - 组合使用：
const { theme: currentTheme = 'dark' } = chartConfig;
嵌套解构：提取 series、xAxis、yAxis 等深层配置
像 ECharts 配置中，series 是数组，xAxis 是对象，可一层层解构：
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
const config = {
title: { text: '月度数据' },
series: [
{ name: '销量', type: 'bar', data: [120, 200, 150] }
],
xAxis: { type: 'category', data: ['1月', '2月', '3月'] }
};
提取关键嵌套项：
const {
title: { text: titleText },
series: [firstSeries = {}],
xAxis: { type: xAxisType, data: xAxisData }
} = config;
这样就拿到了 titleText、firstSeries.name、xAxisType 等，无需链式访问加空值判断。
结合函数参数：让图表初始化更简洁
把解构写在函数形参里，调用时更干净：
function initChart({
containerId,
title = '图表',
series = [],
legend = { show: true }
}) {
const el = document.getElementById(containerId);
return echarts.init(el).setOption({ title: { text: title }, series, legend });
}
调用：initChart({ containerId: 'chart', title: '用户活跃度', series: [...] });
