zoukankan      html  css  js  c++  java
  • Javascript表达式中连续的 && 和 || 之赋值区别

    <script>
    function write(msg) {
        for (var i = 0; i < arguments.length; i++) {
            document.write(arguments[i] + '<br />');
        }
    }
    
    //关于 '&&'
    test1 = 1 && 2 && 3 && 4;   // 4
    test2 = '0' && 2 && 3 && 4;  //4
    test3 = 1 && 2 && 0 && 4;   //0
    test4 = 2 && 'i' && 'love' && 3 && 'you';  // you
    test5 = 'i' && 'hate' && 1 && 0 && 'you'; // 0
    test6 = 1 && false && 'ihateyou' && '2'; // false
    test7 = 2 && true && 'ihatehateyou' && '23'; // 23
    test8 = 4 && true && 'undefined' && 'true' && '1'; // 1
    test9 = 4 && true && undefined && 'true' && '1';  // undefined
    test10 = 4 && true && 'null' && 'true' && '1'; // 1
    test11 = 4 && true && null && 'true' && '1'; // null
    write(test1, test2, test3, test4, test5, test6, test7, test8, test9, test10, test11);
    write('----------------------------------------------');
    
    //关于 '||'
    _test1 = 1 || 2 || 3 || 4;  // 1
    _test2 = 0 || 2 || 3 || 4;  // 2
    _test3 = 0 || '0' || 8 || 4; // 0
    _test4 = 2 || 'i' || 'love' || 0 || 'you';  // 2
    _test5 = 0 || 'hate' || 1 || 0 || 'you'; // hate
    _test6 = false || 0 || 'ihateyou' || '2'; // ihateyou
    _test7 = false || true || 'ihatehateyou' || '23';  // true
    _test8 = 0 || 0 || 'undefined' || 'true' || '1'; // undefined
    _test9 = 0 || 0 || undefined || 'true' || '1'; // true
    _test10 = 0 || false || 'null' || 'true' || '1';  // null
    _test11 = 0 || 0 || null || 'true' || '1';  // true
    write(_test1, _test2, _test3, _test4, _test5, _test6, _test7, _test8, _test9, _test10, _test11);
    </script>

    多个连续的 && 的表达式中若没有 0, false, undefined, null 的话,它将取得最后一个“子表达式”的值,否则将表达式中的 0, false, undefined, null 返回。

    多个连续的 || 的表达式将会取第一个“子表达式”的值,若为 0, false, undefined, null 中之一的话则取下一个“子表达式”的值,以此类推,直至找到不为 0, false, undefined, null 的“子表达式”,并将它作为整个表达式的值。


    补充:

    上面的似乎没有考虑一种情况,就是有一个子表达式为 ' ' 怎么办呢?其实可以再换一种表述方式来描述 && 和 || 的工作方式:

    对于 (...) && (...) && (...) ...
    从左至右遍历各个子表达式,并将每个子表达式进行 Boolean 的强制转换,
    若出现 Boolean(子表达式) 为 false 的情况,则整个表达式的值即为此子表达式的值(0 或 false 或 undefined 或 null 或''),后面的子表达式不再判断;
    若所有的 Boolean(子表达式) 均为 true,则整个表达式的值即为最后一个子表达式的值。

    对于 (...) || (...) || (...) ...
    从左至右遍历各个子表达式,并将每个子表达式进行 Boolean 的强制转换,若出现 Boolean(子表达式) 为 true 的情况,
    则整个表达式的值即为此子表达式的值,后面的子表达式不再“理会”;
    若 Boolean(子表达式) 为 false,则判断后一个子表达式的 Boolean 情况,直至找到 Boolean(子表达式) 为 true 的情况;若全部的 Boolean(子表达式) 均为 false,则返回最后一个子表达式的值(0 或 false 或 undefined 或 null 或 '')。


    这里要注意:
    Boolean(false) != Boolean('false'),前者为 false,而后者为 true 。
    Boolean(undefined) != Boolean('undefined'),前者为 false,而后者为 true 。
    Boolean(null) != Boolean('null'),前者为 false,而后者为 true 。
    Boolean(0) != Boolean('0'),前者为 false,而后者为 true 。
    Boolean('') == false 。

  • 相关阅读:
    《相约星期二》--[美]米奇·阿尔博姆
    《把信送给加西亚》--[美]阿尔伯特·哈伯德
    《少有人走的路:心智成熟的旅程》--[美]M·斯科特·派克
    《穷爸爸和富爸爸》--[美]罗伯特·清崎,[美]莱希
    Error This project references NuGet package(s) that are missing on this computer. Use NuGet Package Restore to download them. For more information, see http://go.microsoft.com/fwlink/?LinkID=322105. T
    C#轻量级高性能日志组件EasyLogger
    我们为何要跳槽
    Grid++Report报表工具C/S实战篇(五)
    .NET 开源Protobuf-net从入门到精通
    怎样防止ddos攻击
  • 原文地址:https://www.cnblogs.com/bigdesign/p/4034902.html
Copyright © 2011-2022 走看看