javascript中&&运算符的深入理解

此前对逻辑与运算符（&&）的理解，仅限于两侧同时为true时返回true，否则均返回false。

今天在阅读react官方文档时，看到这样一个用例：

function MailBox(props){
    const foo = props.foo;
    return (
         <div>
            <h1>hello<h1/>
           {foo.length>0 &&
                <h2>you have {foo.length} unread messages.</h2>
           }
          </div>
    );
}                

 这段代码的目的是根据条件渲染组件。但是对于&&的用法却百思不得其姐，后来翻阅犀牛书相关表述，才豁然开朗：

当&&运算符左侧的表达式求知得true时，整个逻辑表达式返回&&右侧的表达式；反之，则返回其左侧的表达式。

这样的写法着实简洁！

谨识之。