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;
相关推荐
华仔啊几秒前
面试都被问懵了?CSS 的 flex:1 和 flex:auto 真不是一回事!90%的人都搞错了
前端·javascript
前端康师傅3 分钟前
JavaScript 函数详解
前端·javascript
葡萄城技术团队6 分钟前
从基础到实战:一文吃透 JS Tuples 与 Records 的所有核心用法
javascript
鲸屿19514 分钟前
python之socket网络编程
开发语言·网络·python
没有梦想的咸鱼185-1037-166341 分钟前
基于R语言机器学习方法在生态经济学领域中的实践技术应用
开发语言·机器学习·数据分析·r语言
@小红花1 小时前
从0到1学习Vue框架Day03
前端·javascript·vue.js·学习·ecmascript
前端与小赵1 小时前
vue3中 ref() 和 reactive() 的区别
前端·javascript·vue.js
向上的车轮1 小时前
基于go语言的云原生TodoList Demo 项目,验证云原生核心特性
开发语言·云原生·golang
The Chosen One9851 小时前
C++ : AVL树-详解
开发语言·c++
魔云连洲1 小时前
Vue的响应式底层原理:Proxy vs defineProperty
前端·javascript·vue.js