这个 jQuery 在做什么？

Question

我称自己为中级 jQuery 开发人员，但我对这一行（来自 Twitter 的 Bootstrap）的作用感到困惑：

$tip.find('.help-popover-title')[ $.type(title) == 'object' ? 'append' : 'html' ](title)

具体来说，是方括号之间的部分。有人可以向我解释一下吗？

Answer 1

$tip // tip object
.find('.help-popover-title') // find elements of this class

// if the data inside the title variable is an object
// use the append method otherwise use html method
[$.type(title)  == 'object' ? 'append': 'html']  

(title) // lastly, execute the selected function and pass in the title var

内部语句使用三元运算符。它基本上是单行 if..else 语句，

x = 5;

x === 5 ? true : false; // true
x === 4 ? true: false; // false

由于所选方法位于括号内，因此您可以使用字符串来选择方法
它等于：

$tip['append'](title) === $tip.append(title)

Answer 2

它是一个内联 if 语句，也称为三元运算符。基本上，如果标题类型是“object”，那么它将获取索引“append”，否则获取索引“html”。希望这就是您问题的意思。

Answer 3

这里的重要概念是，对象属性不仅可以按字面直接访问，还可以使用包含带有属性名称的字符串（文字或变量）的方括号来访问。此外，函数始终是对象的属性——即使只是全局上下文。

首先，检查基于值的属性：

var myobj = {
   animal: 'frog',
   color: 'blue',
   fly: function() {/*fly*/},
   hide: function() {/*hide*/}
};
alert(myobj.animal); // alerts 'frog';
var prop = 'color';
alert(myobj[prop]); // alerts 'blue';

然后请注意，当属性值是函数时，它不会改变任何内容。它们仍然以相同的方式访问：

myobj.fly() // run function fly
prop = 'hide';
myobj[prop]() // run function named in variable 'prop', which is 'hide';

因此最终，您发布的代码片段只是检查 title 变量的类型并选择适当的函数以使其成为找到的元素的子元素。如果 title 是一个对象，则附加它。如果不是（它必须是文本），则使用 html 函数代替。以这种方式编码是为了节省重复代码或声明新变量。

三元运算符是正常过程 if 语句的表达形式（也就是说，它们计算某些内容而不是控制流程）。下面的示例将说明这一点：

if (a == 1) {return 'yes';} else {return 'no';}
return (a == 1) ? 'yes' : 'no';

VB 的 Iif() 函数和 Excel 的 IF() 工作表函数完全相同。