JavaScript基础知识18——逻辑运算符之短路运算

哈喽,大家好,我是雷工。

本节学习JavaScript基础知识------逻辑运算符中的短路运算,以下为学习笔记。
规则

1、如果是&&运算,只要遇到false,就立即短路,不会再执行了,直接返回当前值;
示例:

javascript 复制代码
let a =2,b=4,c=6;
console.log(a>b && b<c);//返回结果为:false;

逻辑运算中当有一个操作数不是布尔值的时候,逻辑运算不一定会返回一个布尔值。而是会遵循以下规则:

● 若前边的操作数隐式类型转换后为true,则返回后边的操作数。
示例:

javascript 复制代码
console.log(2&&0);//返回结果为:0;
console.log(2 && 3);//返回结果为:3;
console.log(teue && 2 && "雷工笔记");//返回结果为:雷工笔记

● 若前边操作数隐式类型转换后是false,那么就返回首个隐式转换为false的值,即短路运算的值。
示例:

javascript 复制代码
console.log(""&&  1);//返回空格;
console.log(4 &&  0 && "雷工笔记");//返回结果为:0;
console.log("雷工笔记" &&  false && 0 );//返回结果为:false;
console.log(  0 &&  null &&"雷工笔记" );//返回结果为:0;
console.log(  NaN &&  3 &&"雷工笔记" );//返回结果为:NaN;
console.log(  null &&  true &&"雷工笔记" );//返回结果为:null;
console.log(  undefined &&  true &&"雷工笔记" );//返回结果为:undefined;

**提醒:**返回值不一定是布尔类型的值,是null则返回null;是NaN则返回NaN;是undefined则返回undefined;

2、如果是||运算,只要遇到true,立即短路,不会再执行了,直接返回当前值;如果都为false,则会依次进行判断,打印最后一个表达式。
示例:

javascript 复制代码
console.log(1||3);//结果为:1;
console.log(0 || ''||3 );/返回/结果为:3;
console.log(0 || ''||3 || 4);//返回结果依然为:3;
console.log(undefined || null ||0);//返回结果为:0;
console.log(undefined || "雷工笔记" ||0);//返回结果为:雷工笔记;

提醒:与&&类似,返回值不一定是布尔类型的值。

3、如果逻辑运算符中既有且又有或,先计算且后计算或;
示例:

javascript 复制代码
console.log(0 && 1 || 3);//结果为:3;
console.log("" || 0 && 3)  ;//结果为:0;
相关推荐
yaoxin52112311 分钟前
325. Java Stream API - 理解 Collector 的三大特性:助力流处理优化
java·开发语言
打瞌睡的朱尤6 小时前
Vue day10 完整购物网页(登录页,首页,搜索)
前端·javascript·vue.js
光泽雨6 小时前
C# 中 Assembly 类详解
开发语言·c#
少控科技7 小时前
C#基础训练营 - 02 - 运算器
开发语言·c#
扶苏10027 小时前
深入理解 Vue 3 的 watchEffect
前端·javascript·vue.js
Riemann~~7 小时前
C语言嵌入式风格
c语言·开发语言
zmzb01039 小时前
C++课后习题训练记录Day104
开发语言·c++
zmzb010310 小时前
C++课后习题训练记录Day105
开发语言·c++·算法
wjs202410 小时前
Vue3 条件语句
开发语言
_codemonster10 小时前
JavaWeb开发系列(六)JSP基础
java·开发语言