如何在 Javascript 对象中使用变量答案

【问题标题】：How to use a variable in a Javascript Object如何在 Javascript 对象中使用变量
【发布时间】：2023-03-27 02:40:01
【问题描述】：

我在 jQuery 函数中有一个名为 selectedTeam 的对象，我可以记录 selectedTeam 的“名字”，但在另一个 .js 文件中属于另一个 @ 987654324@ 文件，如果我尝试记录 selectedTeam["Selected_Driver Weight"]，我会得到未定义而不是实际值。

obj.js：

var selectedTeam = {
"Selected_Driver Weight": "none",
"Selected_Car Weight": "none",
"Selected_Car Speed": "none",
"Selected_Car Break Disk": "none"

}

main.js:

$(document).ready(function(){
$("#select-team_mercedes").click(function(){
         isMercedesSelected = true;
         console.log("You have successfully selected "+ Mercedes["Team Name"]);
            //Set for selected
            selectedTeam["Selected_Driver Weight"] = Mercedes["Team Name"];
            console.log(selectedTeam["Selected_Driver Weight"]);
        });
});

第二个 html 的 .js 文件：

console.log(selectedTeam["Selected_Driver Weight"]);

我收到：undefined;

【问题讨论】：

你在2ns HTML中添加了对这个JS文件的引用吗？
你应该先定义obj.js，以便以后的脚本定义可以使用
我在开发者工具中测试了你的代码，它工作正常。 //获取无。您可以在开发人员工具中查看这些内容。你能检查你的文件路径或定义js文件吗？
我尝试了所有方法，但它也未定义。如果我将变量分配为 SelectedTeam 的名字：值，它不起作用，但如果我将它作为字符串传递（例如：“a”），它会加载并工作，但我想将他的值与分配的变量一起使用它。

标签： javascript javascript-objects

【解决方案1】：

在 obj.js 中执行以下操作： export const selectedTeam = ...

在 main.js 中执行以下操作：从 'path/to/your/obj.js' 导入 {selectedTeam}

【讨论】：

如果问题出在模块专家身上，那么会出现 ReferenceError，因为在确定 selectedTeam["Selected_Driver Weight"] 未定义之前不会声明 selectedTeam。