javascript中逻辑运算符&&和||的返回值问题解析

简要解析javascript中逻辑运算符&&和||的返回值

---

前言： 最近发现JS中的逻辑运算符&&和||的返回值与C语言有很大区别；如下：

1. 对于C程序而言，输出a=1;

int a=(5&&123)||(3||5);
printf("a=%d",a);  //a=1 

2. 对于JS程序而言，弹框输出123；

    <script type="text/javascript">
        var a=(5&&123)||(3||5);
        alert(a); //123
    </script>

---

1. ||返回值

对于逻辑运算符||而言，有以下两点：

1. 对于||逻辑运算而言，会返回最早遇到不是NaN、null、 undefined、0、false这几个值；
2. 如果||逻辑运算符左右都是NaN、null、 undefined、0、false这几个值，则会返回最后一个值。

例：3 || 5

    <script type="text/javascript">
        var a=3 || 5;
        alert(a);  //返回值3
    </script>

---

例: 0 || null ||undefined

    <script type="text/javascript">
        var a=0 || null ||undefined;
        alert(a);  //返回值undefined
    </script>

---

2. &&返回值

对于逻辑运算符&&而言，有以下两点：

1. 对于&&逻辑运算而言，会返回最早遇到是NaN、null、 undefined、0、false这几个值；
2. 如果||逻辑运算符左右都不是NaN、null、 undefined、0、false这几个值时，则会返回最后一个值。

例：3 && null && 0

    <script type="text/javascript">
        var a=3 && null && 0;
        alert(a);  //返回值null
    </script>

---

例: 3 && 5

    <script type="text/javascript">
        var a=3 && 5;
        alert(a);  //返回值5
    </script>

---

3. 逻辑运算符||与&&结合返回值

例：a=( 5 && 123 ) || ( 3 || 5 )

    <script type="text/javascript">
        var a=(5 && 123) || (3 || 5);
        alert(a); //123
    </script>

首先对于5 && 123而言返回123，然后对于123 || (3 || 5)则会返回最早遇到的非NaN、null、 undefined、0、false的值，即最终返回123。

---

例：a=( 5 && NaN ) || ( 3 || 5 )

    <script type="text/javascript">
        var a=(5 && NaN) || (3 || 5);
        alert(a); //3
    </script>

首先对于5 && NaN而言返回NaN，然后对于NaN || (3 || 5)则会返回最早遇到的非NaN、null、 undefined、0、false的值，即最终返回3。

---

总结

1. 对于||逻辑运算而言，会返回最早遇到不是NaN、null、 undefined、0、false这几个值；
2. 如果||逻辑运算符左右都是NaN、null、 undefined、0、false这几个值，则会返回最后一个值。
3. 对于&&逻辑运算而言，会返回最早遇到是NaN、null、 undefined、0、false这几个值；
4. 如果||逻辑运算符左右都不是NaN、null、 undefined、0、false这几个值时，则会返回最后一个值。

参考：https://www.jb51.net/article/111038.htm