在 highcharts 中为导出菜单动态创建按钮时，若使用 `var` 声明循环变量，`onclick` 回调会因闭包捕获最后一次迭代的值而导致参数错乱；改用 `let`（块级作用域）可确保每次迭代绑定独立的 `caption` 和 `colid`。
Highcharts 的导出菜单支持通过 exporting.buttons.contextButton.menuItems 动态注入自定义按钮。常见做法是在 for 循环中构建按钮对象数组，但若使用 var 声明变量，由于函数作用域和闭包机制，所有按钮的 onclick 回调最终都会引用循环结束时的 i、caption 和 colid 值——即最后一个元素的值，这是 JavaScript 经典的“循环绑定问题”。
✅ 正确写法：使用 let 实现块级作用域
let 保证每次循环迭代都创建独立的绑定，使每个 onclick 函数能准确捕获当次的 caption 和 colid：
const buttons = [];
for (let i = 0; i < arr_papers.length; i++) {
const caption = arr_papers[i].caption; // ✅ let/const 声明
const colid = arr_papers[i].colid;
buttons.push({
text: caption,
id: colid,
onclick: function () {
loadPerformanceBarChart(colid, caption); // ✅ 此处 colid/caption 是当前项的值
}
});
}⚠️ 注意事项：
- 不要混用 var 和 let：若仍用 var i 但内部用 let caption，虽可解决参数问题，但推荐统一使用 let i 保持语义清晰；
- 避免在 onclick 中直接使用 arr_papers[i]（因 i 已超出作用域），必须提前解构赋值；
- 若需兼容老旧环境（如 IE），可用 IIFE（立即执行函数）包裹，但现代项目强烈推荐 let；
- Highcharts v4+ 完全支持 ES6，无需额外转译。
? 进阶建议：也可使用 Array.prototype.map() 提升可读性与函数式风格：
const buttons = arr_papers.map(paper => ({
text: paper.caption,
id: paper.colid,
onclick: () => loadPerformanceBarChart(paper.colid, paper.caption)
}));该写法天然规避闭包陷阱，代码更简洁，且箭头函数进一步明确作用域绑定。最终将 buttons 注入 Highcharts 配置即可稳定运行。
