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;
相关推荐
gregmankiw3 分钟前
C#调用Rust动态链接库DLL的案例
开发语言·rust·c#
roman_日积跬步-终至千里18 分钟前
【Go语言基础【20】】Go的包与工程
开发语言·后端·golang
xiaominlaopodaren19 分钟前
Three.js 光影魔法:如何单独点亮你的3D模型
javascript
PasserbyX21 分钟前
一句话解释JS链式调用
前端·javascript
1024小神22 分钟前
tauri项目,如何在rust端读取电脑环境变量
前端·javascript
古夕31 分钟前
如何将异步操作封装为Promise
前端·javascript
@一枝梅38 分钟前
vue3 vite.config.js 引入bem.scss文件报错
javascript·rust·vue·scss
秦少游在淮海39 分钟前
C++ - string 的使用 #auto #范围for #访问及遍历操作 #容量操作 #修改操作 #其他操作 #非成员函数
开发语言·c++·stl·string·范围for·auto·string 的使用
古夕42 分钟前
JS 模块化
前端·javascript
一只小风华~1 小时前
HTML前端开发:JavaScript 常用事件详解
前端·javascript·html