javascript技巧系列一：js中使用||以及&&-优快云博客

本文链接：https://blog.youkuaiyun.com/dongxiaobin924/article/details/84456700

本文深入解析JavaScript中逻辑运算符||（或）和&&（与）的工作原理及应用场景，通过实例展示如何利用这些运算符简化代码，提高开发效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS之||以及&&的用法

在工作中，为了提高开发效率以及提高代码的质量，在js中不可避免的会使用到||和&&
很多人都知道||和&&的用法，但是怎样在代码中使用才能提高开发速度？
首先，我们先看看js中逻辑运算符NOT。

     逻辑 NOT 运算符与 C 和 Java 中的逻辑 NOT 运算符相同，都由感叹号（!）表示
      如果某个运算数不是原始的 Boolean 型值，逻辑 AND 运算并不一定返回 Boolean 值：
      如果一个运算数是对象，另一个是 Boolean 值，返回该对象。
      如果两个运算数都是对象，返回第二个对象。
      如果某个运算数是 null，返回 null。
      如果某个运算数是 NaN，返回 NaN。
      如果某个运算数是 undefined，发生错误。

通常，我会在代码中使用双逻辑NOT，即使用!!，这样感觉更清晰一点......

下面看一个小例子：

    var bFalse = !!false;
      var sRed = !!("red");
     var iZero = !!(0);
      var iThreeFourFive = !!(345);
      var oObject = new Object;

oObject=!!oObject;

上面的返回值分别是：false、true、false、true、true。

其次，看看||以及&&的用法：

||以及&&都遵循一个原则：短路原则--若第一个条件符合判断与否，决定了是否进行下一个判断。

只要理解了这个原则，然后结合逻辑运算分NOT，就可以很大的简化一部分js代码。

一、||

众所周知，||代表“或”，只要其中有一个为true，就返回true。

在短路原则中，先判断第一个是否为true，若为true，就不用进行第二个判断，对应的结果就是返回第一个的值。

假如第一个不为true，就进行第二个判断，无论第二个是什么样的值，返回第二个的值。

二、&&

&&代表“且”，只要其中有一个为false，就返回false。

在短路原则中，先判断第一个是否为false，若为false，就不用进行第二个判断，对应的结果就是返回第一个的值。

假如第一个不为false，就进行第二个判断，无论第二个是什么样的值，返回第二个的值。

下面看几个例子：

var temp1 = "test";
var temp2 = null;
var temp3=1;
console.log(temp1 && temp2);
console.log(temp2 && temp1);
console.log(temp1 && temp3);
console.log(temp1 || temp2);
console.log(temp2 || temp1);

控制台输出：null、null、1、test、test。