的Javascript *和*用于字符串参数

Question

在jQuery Mobile的我发现下面的代码操作：

$.jqmData = function(elem, prop, value){ 
    return $.data(elem, prop && $.mobile.ns + prop, value); 
}; 

我不明白的是这个结构：

prop && $.mobile.ns + prop 

它使用Javascript的逻辑和运营商，但为键参数为jQuery数据这是一个字符串参数。有人可以解释这个结构吗？

Answer 1

能有人请解释这个结构？

JavaScript的logical operators不仅适用于布尔值，而且适用于任何类型。他们将在内部convert the values to boolean检查他们的真实性，但他们不会改变结果类型。

对于字符串，只有空字符串被认为是虚假的。 AND运算符&&的工作原理类似于“，如果左操作数是虚假的，则返回它，否则返回右操作数”。因此，如果在字符串prop上调用，它将检查prop是否为空字符串，然后将其返回，否则将其与$.mobile.ns连接起来。它是

!prop ? prop : $.mobile.ns+prop 
// or, if restricted to strings: 
prop == "" ? "" : $.mobile.ns+prop 

Answer 2

的Javascript使用布尔操作时不会隐式返回布尔值：

&&返回第二元件，如果等于true或第一，如果它们中的一个是false ||两个元件返回第一个元件，如果它等于true，或第二，如果第一匹配false

一些例子：

("foo" && "bar") === "bar" 
(1 && "foo") === "foo" 
(undefined && false) === undefined 
(1 || "foo") === 1 
(0 || "foo") === "foo" 
(undefined || "foo") === "foo" 
(undefined || 1) === 1 
(undefined || false) === false 

你的情况下，从jQuery Mobile的：

prop && $.mobile.ns + prop - 如果prop和$.mobile.ns等于true在这种情况下prop将被使用。如果其中之一是false，则将使用$.mobile.ns。 我认为在这种情况下，当 prop === null等于空字符串时使用。

你可以扩展为：

$.jqmData = function(elem, prop, value){ 
    if(prop == false) 
     prop = $.mobile.ns 

    return $.data(elem, prop + prop, value); 
};