前端定义了全局变量后,再定义一个同名的局部变量

先说结论:不要这样定义,不然会发生莫名其妙的错误。

问题叙述

前端定义了全局变量

javascript 复制代码
var selectedSheet;

在后面的函数中又定义局部变量

javascript 复制代码
function switchToSheet() {
        var selectedSheet = document.getElementById('selectSheet').value;
        fetch('/get_data')
            .then(response => response.json())
            .then(data => {
                hot.loadData(data[selectedSheet]);
            })
            .catch(error => console.error('Error switching sheet:', error));
    }

此时我要把数据打包传回后端

javascript 复制代码
body: JSON.stringify({
     sheet_name: selectedSheet, // 将当前选中的下拉框值传递给后端
     data: hot.getData() // 将当前表格数据传递给后端
})

问题出现了,返回到后端的数据只有data,而一直拿不到sheet_name,把局部变量取消,直接使用全局变量,问题解决了!

道阻且长,行则将至。

相关推荐
Mintopia几秒前
Three.js 深度冲突:当像素在 Z 轴上玩起 "挤地铁" 游戏
前端·javascript·three.js
Penk是个码农5 分钟前
web前端面试-- MVC、MVP、MVVM 架构模式对比
前端·面试·mvc
MrSkye8 分钟前
🔥JavaScript 入门必知:代码如何运行、变量提升与 let/const🔥
前端·javascript·面试
白瓷梅子汤12 分钟前
跟着官方示例学习 @tanStack-form --- Linked Fields
前端·react.js
爱学习的茄子16 分钟前
深入理解JavaScript闭包:从入门到精通的实战指南
前端·javascript·面试
zhanshuo1 小时前
不依赖框架,如何用 JS 实现一个完整的前端路由系统
前端·javascript·html
火柴盒zhang1 小时前
websheet在线电子表格(spreadsheet)在集团型企业财务报表中的应用
前端·html·报表·合并·spreadsheet·websheet·集团财务
khalil1 小时前
基于 Vue3实现一款简历生成工具
前端·vue.js
拾光拾趣录1 小时前
浏览器对队头阻塞问题的深度优化策略
前端·浏览器
用户8122199367221 小时前
[已完结]后端开发必备高阶技能--自研企业级网关组件(Netty+Nacos+Disruptor)
前端