jquery 隐藏简单的 javascript 错误

Question

我在 chrome 和 firefox 中使用 jQuery 和 flot。 当我处理代码时，我发现执行在一些愚蠢的事情上会默默失败，例如访问不存在的哈希结构等。

感觉 jQuery 中有一些 try {} catch {} 逻辑，让我看不到任何错误。

有没有关于如何解决这个问题而不需要大刀阔斧地隔离简单错误的地方的指示？

jshint 并没有太大帮助。

--edit--

更多调试显示了趋势。

我基本上是在发现拼写错误（未定义的变量）和在对象属性存在之前过早获取它们。使用 .hasOwnProperty() 有帮助，但很麻烦。我想我在某个地方看到了一个方便的实用程序，可以帮助简洁地测试深层结构。

Answer 1

.length 是你调试 jQuery 时的朋友。因为即使：

document.getElementById('nonexistent');

在 JavaScript 中将返回 null，使用 jQuery 选择器也会返回一个对象并强制转换 true：

if(!document.getElementById('nonexistent')) {
    alert('not here!');
}

if(!$('#nonexistent')) {
    alert('here, here!');
}

这意味着：

$('#nonexistent').doSomething().doSomethingElse().whatever();

可能不会抛出错误，因此您将很难知道链中哪些内容“不起作用”。

然而，检查对象长度是有效的：

if(!$('#nonexistent').length) {
    alert('not here!');
}

jQuery 被设计为默默地失败，因为它的核心用例之一是链接。如果选择器或原型方法在链中返回 null 或 false，则使用 jQuery 会比大多数缺乏经验的程序员所希望的更频繁地抛出空引用错误。

更新

如果处于调试模式，您可以通过修改原型来进行自己的调试。我尝试了这个：

var debug = ['hide','show'], // Array of jQuery methods to debug
    i = 0, name;

for(; debug[i]; i++) {
    name = debug[i];
    if (typeof $.fn[name] == 'function') {
        $.fn[name] = (function(name, fn) {
            return function() {
                if ( !this.length ) {
                    console.warn('No elements selected when calling '+name);
                }
                fn.apply(this, Array.prototype.slice.call( arguments ));
            };
        }(name, $.fn[name]));
    }
}

现在，每当我调用“隐藏”时，如果链中没有元素，它会警告我：

$('#nonexistent').hide();  // consoles a warning

Fiddle： http://jsfiddle.net/B4XQx/

Answer 2

这里有解决方法：

空选择器上的 jQuery 错误

但我怀疑这真的是你想要的-