Question

这是非常奇怪的行为（似乎只发生在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));
    }

Answer 1

看起来你可能是变量吊装的受害者http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html

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

变量不可能设置为“未定义”

1 个答案: