首页 > > 网页制作 > Javascript >

JavaScript逻辑运算符(操作数运算符)

2018-06-24 01:19:28来源：未知阅读 ()

1、概述

||（或）和&&（与）都是逻辑运算符。但是或/与叫“逻辑运算符”不太合适，叫“操作数运算符”更合适！

因为||（或）和&&（与）返回的不是布尔值，而是两个操作数中的一个（且仅一个）。

2、返回哪个操作数？

（1）a||b

a||b 相当于a?a:b

（2）a&&b

a&&b相当于a?b:a

3、应用

（1）||应用--设置默认值

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <title>||应用</title>
    </head>

    <body>

        <script type="text/javascript">
            function foo(a, b) {
                a = a || 'hello';
                b = b || 'world';
                console.log(a + ' ' + b);
            }
        </script>
    </body>

</html>

（2）&&应用--“守护运算符”

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <title>&&应用</title>
    </head>

    <body>

        <script type="text/javascript">
            function foo(a) {
                console.log(a);
            }
            var a = 3;
            //只有a条件判断为true通过时才会调用foo
            a && foo();
        </script>
    </body>

</html>