如何在jQuery中以最简单的方式进行调试

How to debug in jQuery the easiest way?

本文关键字：方式进 调试 最简单 jQuery      更新时间：2023-09-26

例如，如果我使用以下代码：如果此ID不在页面中，$('#iddoesnotexist').remove();我不会收到错误，如何显示错误？

默认情况下，选择此行为是因为否则 jQuery 会定期抛出NullReference异常，但这就是我正在寻找的......

我想你可以创建自己的jQuery扩展。我会*把它写成一个断言：

$.fn.mustExist = function() {
    if(!this.length) {
        throw new Error("Collection was empty.");
    }
    return this;
};

在开发过程中：

$('#iddoesnotexist').mustExist().remove();

* 实际上，我不会使用 jQuery; document.getElementById还可以保护您免受这种事情的侵害;)

如果希望此行为成为所有 DOM 选择的默认行为，则可以为 jQuery 函数创建一个包装函数。

var my_$ = function(selector) {
    var result = jQuery.apply(this, arguments);
    if (typeof selector === "string" && !result.length)
        throw new Error("No matches found");
    return result;               
};
my_$("#foobar"); // No matches found

请务必使用自己的引用，而不是覆盖jQuery或$标识符。

请参阅：

j查询调试和http://jqueryfordesigners.com/debugging-tools/和http://www.jquery4u.com/utilities/live-jquery-debugging-firebug/和http://samdutton.wordpress.com/2010/09/16/jquery-debugging-tips/和http://trainofthoughts.org/blog/2007/03/16/jquery-plugin-debug/

用于 jQuery 调试文章。而且，如评论中所述，最简单的调试方法是使用 console.log .

相关文章：