javascript - 在另一个 Javascript 文件中使用一个变量返回未定义

Question

我正在尝试在另一个文件中使用一个 Javascript 文件中的变量，但在另一个文件中我收到一个控制台错误“未定义”。

从 API 调用中检索数据，然后在事件单击时将其分配给变量。控制台在第一页上显示变量很好，但是当我单击下一页尝试在第二个 JS 文件中显示变量并使用它时，它是未定义的。

我尝试通过执行以下操作使变量在函数中成为全局变量：

        UICtrl.createTrackDetail(track.danceability);
        var danceabilityData = track.danceability; //create a global variable?
        console.log(danceabilityData)

我还可以在同一个文件的另一个函数中使用该变量来在第一个 HTML 页面上显示数据。

然后我尝试通过使用 console.log 在第二个 JS 文件中使用它来测试它，但这会返回未定义。

import danceabilityData from './app';
console.log(danceabilityData);

我也尝试导出和导入变量，但在第二个 HTML 页面上出现错误“无法在模块外使用导入语句”。将 HTML 页面的类型更改为模块也会破坏我的 javascript 画布并且没有加载任何内容。

标签： javascript