JS的逻辑操作符 && 与 || 的总结与用法

&&(且)与 || (或)两个逻辑运算符一些总结与心得:

一个大前提,在js逻辑运算中,0(数字0)、”“(空字符串)、null(空值)、false(布尔值false)、undefined(未初始化未定义数据)、NaN(非数字特殊值)都会判为false,其他都为true。

1. ||   逻辑或运算符实例

1||0     // 前面是true 后面是false   返回 1

1||2     //前面是true 后面是true  返回1

0||1    //前面是false 后面是true  返回1

0 || ' '  //前面是false 后面也是false  返回 ' '

以上情况可以总结为:

短路原理----只要或运算符前 一个值为真  后一个值无论真假都 返回的是前一个值 ,而只要前一个值为假 后一个值无论真假都返回后一个值。

实战用法:

a = a || 'defaultValue'  //使a获得初始值 字符串 defaultValue  使代码更严谨,优雅

function getEvent(e){

var e = e || window.event;  //用于兼容ie浏览器  如果在ie浏览器下  参数值为空 前面的值为false 所以就将全局对象event赋值给e

}


2.&&   逻辑且运算符实例

1&&0     // 前面是true 后面是false   返回 0

1&&2     //前面是true 后面是true  返回2

0&&1    //前面是false 后面是true  返回0

0 && ' '  //前面是false 后面也是false  返回0

以上情况可以总结为:

短路原理----只要且运算符前 一个值为真  后一个值无论真假都 返回的是后一个值 ,而只要前一个值为假 后一个值无论真假都返回前一个值。

实战用法:

a && $('body').addclass('active');    //先判断a是否为真 再执行后面的addclass()  

callback && callback()  //先判断回调是否存在 再执行回调 以免报错

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,741评论 0 13
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,212评论 19 139
  • 运算符是处理数据的基本方法,用来从现有的值得到新的值。JavaScript 提供了多种运算符,本章逐一介绍这些运算...
    许先生__阅读 3,826评论 0 3
  • 运算符是处理数据的基本方法,用来从现有的值得到新的值。JavaScript 提供了多种运算符,本章逐一介绍这些运算...
    徵羽kid阅读 4,019评论 0 0
  • 学会问好问题,学会不冒失 不要着急把没准备好的东西拿来分享
    FloorJ_Trudeau阅读 1,090评论 0 0

友情链接更多精彩内容