Chrome 浏览器中 .split() 字符串方法出现奇怪的 javascript 错误

Question

因此，我试图让一些 JavaScript 代码正常工作，以按页面上的日期过滤结果列表。

它在 Linux 和 Mac 上的 FF 中都能完美运行，Chrome 在 Mac 上运行，但我在 Linux (Ubuntu 10.10) 上的 Chrome 和 Chromium 上得到一个非常奇怪的结果。以下是相关代码：

$(document).ready(function() {
currentURL = window.location.pathname + "/order=vote/genres=/dates=";

$(".date").click(function() {
    var thisButton = $(this);
    if (thisButton.html() == 'Today') {
        var dateText = 'today';
    } else if (thisButton.html() == 'All') {
        var dateText = 'all';
    } else {
        var dateText = '';
    }

    console.log(currentURL);
    var splitURL = currentURL.split('dates=');
    var filterDateURL = splitURL[0] + 'dates=' + dateText;

    $.ajax({
        url: filterDateURL,
        success: function(response) {
            $("#show_container").html($("#show_container", response).html());
            $("#genre_filters").html($("#genre_filters", response).html());
            currentURL = filterDateURL;
            // add selected to this button, remove from other date filters
            thisButton
                .addClass('selected')
                .removeClass('unselected')
                .siblings("a")
                    .removeClass('selected')
                    .addClass('unselected');
        }
    });
    return false;
});
});

currentURL 上的 split() 似乎在 Linux 上的 Chrome 中不起作用。

因此，如果我正在构建的网址应该是：“/order=vote/genres=/dates=today”，

我实际上得到的可能是：“/order=vote/genres=/dates=alldates=today”。

我在函数外部有 currentURL，因为其他过滤器使用相同的变量。

因此，用户可以立即按顺序、流派和日期进行过滤，并最终得到以“/order=distance/genres=GenreX/dates=today”结尾的 currentURL。

最奇怪的部分是在我使用 split 方法之前由于“console.log(currentURL)”行而发生的情况。我把它放在那里是为了测试它使用的 currentURL 值，当我观察控制台时，这段代码运行得很好。

但如果我关闭控制台，它就会再次损坏！因此，如果我注意确保它没有搞砸，它就不会；如果我不看它，它就会行为不端。

有人有什么想法吗？

Answer 1

尝试将 console.log() 包装在这样的检查中：

if (console && console.log){
    console.log(currentURL);
}

这将确保当您没有打开控制台时代码不会秘密损坏。可能发生的情况是，当控制台打开时，console.log 可以工作，因为控制台已定义，但当它关闭时，它可能会尝试在未定义上执行 .log，但您永远不会知道，因为您的控制台未打开。很棒的 Catch22。