Javascript中的奇怪子句良好的部分

Question

此代碼來自recursion的部分。

var getElementsByAttribute = function (att, value) { 
    var results = []; 

    walk_the_DOM(document.body, function (node) { 
     var actual = node.nodeType === 1 && node.getAttribute(att); 
     if (typeof actual === 'string' && 
       (actual === value || typeof value !== 'string')) { 
      results.push(node); 
     } 
    }); 

    return results; 
}; 

我不明白下面的子句點：

typeof actual === 'string' && (actual === value || typeof value !== 'string') 

它是如何從不同？

typeof actual === 'string' && actual === value 

Answer 1

typeof actual === 'string' && (actual === value || typeof value !== 'string') 

這將返回true當且僅當actual是一個字符串，並且或者actual === value，或value不是一個字符串。

typeof actual === 'string' && actual === value 

這將返回true當且僅當actual是一個字符串，要麼actual === value。

換句話說，如果value不是字符串，第一個條件返回true，而第二個條件只會返回true，如果它是一個字符串，嚴格等於actual。