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

Question

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

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

这是实际的代码:

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));
    }

Answer 1

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

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