Javascript - 一个函数的变量会干扰另一个函数

Question

我正在使用 Three.js 在 this page 上显示 360 度图像。但是，页面的第一部分(滚动到顶部，或跟随 this link )有另一个 360 度图像，过去以相同的方式工作，但现在不行了。

在移动设备上，两者都可以正常工作(移动设备上使用不同的脚本)，但在桌面上，第二个似乎会以某种方式干扰第一个。

Answer 1

快速查看后，您的移动代码似乎包含在一个自执行函数中:

(function() {
    // Mobile code here
})();

但您的非移动代码则不然，这意味着具有相同名称的变量都会进入全局 window 范围并相互覆盖。

这可能可以解释为什么您的移动代码可以工作而非移动代码不起作用。

尝试将非移动代码也包含在自动执行函数中，看看是否有帮助。

我怀疑这不是一个 Three.js 问题，而可能只是一个 JavaScript 问题。