javascript - IOS 上的 Safari 生成 "ReferenceError: Ca ni n' t 找到变量 :"

Question

以下代码适用于所有浏览器，包括 Mac 上的 Safari，但 iPhone 上的 Safari 除外。

我有一个可能正在运行的计时器对象，其定义如下:

//delay background change until animation is finished
lastTimer = setTimeout(function () {
  $('#' + targetDiv).removeClass('open');
}, 150);

稍后，我需要检查计时器是否正在运行，如果是则取消它。这是我正在使用的代码:

if (lastTimer != null) { clearTimeout(lastTimer); }

这是 IOS Safari 生成 JavaScript 错误的地方:

"ReferenceError: Can't find variable: lastTimer".

关于为什么检查 null 不能防止错误，就像其他浏览器一样，有什么想法吗？

这是对以下回复的两个相关功能的完整代码:(使用解决方案编辑)

// Class for handling the animations for the drop down menus
var dropDownMenu = {
lastTimer: null,
openMenu: function (targetDiv) {
    if (targetDiv != null) {
        var targetHeight = $('#' + targetDiv).height();
        $('#' + targetDiv).stop(true); //stop an previous animations and clear queue
        if (this.lastTimer != null) { clearTimeout(this.lastTimer); } //stop possible pending timer to prevent background change
        console.log("testing b");
        $('#mainNavigation #dropDownMenu ul').removeClass('open'); // make sure all closed menus show corrent bgd
        $('#' + targetDiv).animate({
            bottom: -(targetHeight + 30)
        }, 200, 'swing');
        $('#' + targetDiv).addClass('open');
    }

},
closeMenu: function (targetDiv) {
    if (targetDiv != null) {
        $('#' + targetDiv).stop(true); //stop an previous animations and clear queue
        $('#' + targetDiv).animate({
            bottom: 0
        }, 200, 'swing');
        //delay background change until animation is finished
        this.lastTimer = setTimeout(function () {
            $('#' + targetDiv).removeClass('open');
        }, 150);
    }
}
}

当错误发生在 iOS 中时，执行停止并且我的测试 console.log 不会立即执行。

Answer 1

我想插话解释一下。 Mobile Safari 在使用简单检查检查 undefined 时不太宽容，

if variable

遇到这种情况就用，

if typeof variable === "undefined"

将变量附加到“this”是这里的一种解决方案，但它只是利用了 definedVariable.undefinedProperty 返回 undefined 的事实，而直接引用 undefined variable 会在某些运行时环境中导致引用错误。

如果没有必要，我建议不要养成依附于“this”的习惯。