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

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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>