javascript - 变量不可能设置为 "undefined"

标签 javascript google-chrome

这是非常奇怪的行为(似乎只发生在 Mac 上的 Chrome 上),其中大部分代码似乎被完全跳过,并且应该具有值的变量被设置为“未定义”。

这是 Chrome 开发者工具的屏幕截图。请注意,第 817 行从未被命中!然而 833 被击中,我们正在查看的是一个被击中的异常,我查看调用堆栈以找到这个困惑。另请注意,变量“loc”、“lon”和“tc”都是未定义的,这应该是不可能的,因为它们都已在第 822、823/824 和 827/831 行进行了评估。如果计算有误,根据我的理解,这些变量的值应该是 NaN。

screenshot from Chrome Developer Tools

这是实际的代码:

function getCircle2(latin, lonin, radius) {
    var locs = new Array();
    var lat1 = latin * Math.PI / 180.0;
    var lon1 = lonin * Math.PI / 180.0;
    var d = radius / 3956;
    var x;
    for (x = 0; x <= 360; x++) {
        var tc = (x / 90) * Math.PI / 2;
        var lat = Math.asin(Math.sin(lat1) * Math.cos(d) + Math.cos(lat1) * Math.sin(d) * Math.cos(tc));
        lat = 180.0 * lat / Math.PI;
        var lon;
        if (Math.cos(lat1) == 0) {
            lon = lonin; // endpoint a pole
        }
        else {
            lon = ((lon1 - Math.asin(Math.sin(tc) * Math.sin(d) / Math.cos(lat1)) + Math.PI) % (2 * Math.PI)) - Math.PI;
        }
        lon = 180.0 * lon / Math.PI;
        var loc = new VELatLong(lat, lon);
        locs.push(loc);
    }
    return locs;
}

谁能阐明这个魔法?为什么只有在 Mac 上的 Chrome 中才会忽略断点并且变量具有不正确的值!?

编辑:

看来我已经修复了这个错误。我所做的只是将中断代码隔离在它自己的函数中,调用该函数一次,如果它抛出异常我再次调用它并且它似乎在 100% 的时间内工作。我仍然很好奇问题的根本原因是什么。

//new function to isolate the exception
function getCirclePointOnRadius(deg, lat1, lon1, d, attempt) {
    attempt = attempt || 1;
    var maxAttempts = 2;
    try {
        var tc = (deg / 90) * Math.PI / 2;
        var lat = Math.asin(Math.sin(lat1) * Math.cos(d) + Math.cos(lat1) * Math.sin(d) * Math.cos(tc));
        lat = 180.0 * lat / Math.PI;
        var lon;
        if (Math.cos(lat1) == 0) {
            lon = lonin; // endpoint a pole
        }
        else {
            lon = ((lon1 - Math.asin(Math.sin(tc) * Math.sin(d) / Math.cos(lat1)) + Math.PI) % (2 * Math.PI)) - Math.PI;
        }
        lon = 180.0 * lon / Math.PI;
        var loc = new VELatLong(lat, lon);
        return loc;
    }
    catch (e) {
        console.log2('Error when gathering circle point "' + e + '", trying again', deg, lat1, lon1);
        if (attempt < maxAttempts) {
            return getCirclePointOnRadius(deg, lat1, lon1, ++attempt);
        }
        else {
            return 0;
        }
    }
}

然后我将原来包含逻辑(在 getCircle2 中)的循环替换为:

    for (x = 0; x <= 360; x++) {
        locs.push(getCirclePointOnRadius(x, lat1, lon1, d));
    }

最佳答案

看来您可能是变量提升的受害者 http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html

第 833 行可能被提升为函数范围内的变量名声明。重构变量声明可能会解决问题。

关于javascript - 变量不可能设置为 "undefined",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27843189/

相关文章:

html - Chrome 51 中的背景大小转换 - 错误还是功能?

javascript - 如何在 react 导航中使标题居中而不受到 headerLeft 的影响?

javascript - 如果表很大,我对表中元素的一点 ajax 就会中断。怎么修?

rest - 已被 CORS 策略阻止 : Response to preflight request doesn’t pass access control check

javascript - 将消息从内容脚本发送到另一个

android - 谷歌浏览器(手机)在下载文件时进入无限循环打开新标签

css - Chrome 开发人员工具 - 有什么方法可以查看当前页面使用的 CSS?

javascript - 在函数中使用 preventDefault() 的问题

javascript - Angular Firebase 身份验证始终重定向到主页

javascript - 使用 window.print() 时失去焦点