jQuery prop() 和 Google Closure 编译器

Question

我正在使用 google 闭包编译器，但我得到了一个我不理解的变暖。我需要测试是否选中了单选按钮，所以我有以下代码：

// ==ClosureCompiler==
// @output_file_name default.js
// @compilation_level ADVANCED_OPTIMIZATIONS
// @externs_url http://closure-compiler.googlecode.com/svn/trunk/contrib/externs/jquery-1.8.js
// ==/ClosureCompiler==

function test() {

  var TheBool = $('#SomeElement').prop('checked');

  if (TheBool === true) {
     alert('checked');
   }
}

我收到一条警告，说这是一个总是评估为假的条件，即使我知道情况并非如此。

您可以在http://closure-compiler.appspot.com/home 尝试一下，然后复制粘贴我的代码（确保选中“优化：高级”）

如何让这个警告消失？

Answer 1

这似乎是 Google 提供的 externs file 中的一个错误。

他们错误地将jQuery.prototype.prop 声明为返回要么字符串或jQuery，并忽略它可以返回布尔值的事实；

/**
 * @param {(string|Object.<string,*>)} arg1
 * @param {(string|number|boolean|function(number,String))=} arg2
 * @return {(string|!jQuery)}
 */
jQuery.prototype.prop = function(arg1, arg2) {};

...什么时候该是；

/**
 * @param {(string|Object.<string,*>)} arg1
 * @param {(string|number|boolean|function(number,String))=} arg2
 * @return {(string|boolean|!jQuery)}
 */
jQuery.prototype.prop = function(arg1, arg2) {};

我修复了这个和uploaded it，当使用外部声明时，你的问题得到了修复；

// ==ClosureCompiler==
// @output_file_name default.js
// @compilation_level ADVANCED_OPTIMIZATIONS
// @externs_url http://files.mattlunn.me.uk/permanent/jquery-1.8.js
// ==/ClosureCompiler==

function test() {

  var TheBool = $('#SomeElement').prop('checked');

  if (TheBool === true) {
     alert('checked');
   }

}

您可以通过不直接检查=== true 来绕过此；只需if (TheBool) 就足够了。

---

FWIW，这是他们问题页面上的reported，并已提交补丁。

Answer 2

prop 返回一个布尔值。所以没有必要检查它是否=== true。只需使用：

if (TheBool) {
    alert('checked');
}

为了让阅读时更容易理解，请尝试：

var elementIsChecked = $('#SomeElement').prop('checked');
// `elementIsChecked` is either true or false

if (elementIsChecked) { // `elementIsChecked` is coerced into a boolean, but it already is, so it doesn't matter
    alert('checked');
}

也许你会明白为什么一开始就没有必要。

if () 中使用的表达式被评估为真或假，无论它们的结果是真还是假。它恰好是 prop 实际上确实返回 true 或 false。