javascript - console.log启用验证之间的区别

Question

我已经看到 jquery-ui-1.8.11.js 通过执行以下操作来验证 console.log 功能

if (this.debug)
   console.log()

我还看到人们定义了一个匿名函数，对于没有像 IE7 这样的控制台日志记录的浏览器来说，该函数是无操作的。

if(typeof console === "undefined") {
    console = { log: function() { } };
}

<小时/>

存在技术差异还是功能相同？

Answer 1

在您给出的第一个示例中，this.debug 将是对 jQueryUI 代码中的 debug 变量的引用。此调试变量将在其他地方设置，可能通过检查是否定义了控制台，但也可能使用其他设置。

无论如何，第一个示例是特定于应用程序的；如果您想进行一般检查以查看控制台是否可用，则需要使用第二种技术。您不必按照示例定义一个空的 console 对象，但这样做确实意味着您不必执行 if() 条件每次您想调用 console.log() 时。

话虽如此，我强烈建议您避免将任何包含对控制台的调用的代码投入生产。控制台只能在您处理代码时用于调试目的。在最终版本中应该没有必要，这样做可能表明您的代码不稳定或您对它不自信，如果您要发布代码以供实时使用，这都不是一个好兆头。

(像 jQueryUI 这样的库是这个规则的一个异常(exception)，因为它们需要为开发人员提供在使用其库编写代码时进行调试的功能)