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

Posted web前端开发技术

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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>

 

以上是关于JavaScript逻辑运算符(操作数运算符)的主要内容,如果未能解决你的问题,请参考以下文章

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

JavaScript的操作符

JavaScript逻辑运算符

JavaScript-运算符

通过逻辑运算符 OR 分配默认值

JavaScript进阶(十三)JavaScript 空值合并运算符可选链操作符空值赋值运算符讲解