我在 chrome 和 firefox 中使用 jQuery 和 flot。 当我处理我的代码时，我发现在访问不存在的哈希结构等愚蠢的东西上执行会默默地失败。
感觉 jQuery 中有一些 try {} catch {} 逻辑让我看不到任何错误。
任何关于如何在不使用 hack-n-slash 来隔离简单错误的情况下解决此问题的指示？
jshint 并没有太大帮助。
--编辑--
更多调试显示趋势。
我基本上是在发现拼写错误（未定义的变量）和对象属性存在之前的过早获取。使用 .hasOwnProperty() 有帮助，但很麻烦。我想我在某个地方看到了一个方便的实用程序来帮助简洁地测试深层结构。
【问题讨论】：
error()吗？不过，我不确定这是否会捕获潜在的 JavaScript 错误。
标签： jquery debugging syntax try-catch
.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 会比大多数没有经验的程序员想要的更频繁地抛出 null-reference 错误。
更新
如果处于调试模式，您可能可以通过修改原型来进行自己的调试。我试过这个：
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
【讨论】：
【讨论】：