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



我使用three.js在这个页面上显示一个360图像。然而,页面的第一部分(滚动到顶部,或点击此链接)有另一个360图像,过去也以同样的方式工作,现在没有了。

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

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

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

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

这也许可以解释为什么你的移动代码可以工作而非移动代码不工作。

试着把你的非移动代码也封装在一个自执行函数中,看看这是否有帮助。

我怀疑这不是一个three.js问题,可能只是一个JavaScript问题。

最新更新