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;
相关推荐
Gazer_S6 分钟前
【React Context API 优化与性能实践指南】
前端·javascript·react.js
颜挺锐9 分钟前
Java 课程,每天解读一个简单Java之水仙花数
java·开发语言
w4ngzhen11 分钟前
COME,轻量级自托管的站点评论系统套件
前端·javascript
t1987512814 分钟前
C# CAN通信上位机系统设计与实现
开发语言·c#
知柠17 分钟前
C语言-指针
c语言·开发语言
沐知全栈开发33 分钟前
Eclipse 悬浮提示功能详解
开发语言
Mintopia36 分钟前
网格布尔运算的三重奏:从像素的邂逅到模型的重生
前端·javascript·计算机图形学
Mintopia39 分钟前
用 Three.js 构建组件库:一场 3D 世界的 "乐高" 之旅
前端·javascript·three.js
十五_在努力39 分钟前
参透 JavaScript —— 彻底理解原型与原型链
前端·javascript
晨非辰42 分钟前
#C语言——学习攻略:深挖指针路线(四续)——函数指针数组--转移表
c语言·开发语言·经验分享·学习·visual studio