<!DOCTYPE html>

 <html>

     <head>

         <meta charset="UTF-8">

         <title></title>

         <script type="text/javascript">

             /*

              * JS中为我们提供了三种逻辑运算符

              * ! 非

              *     - !可以用来对一个值进行非运算

              *     - 所谓非运算就是指对一个布尔值进行取反操作，

              *         true变false，false变true

              *     - 如果对一个值进行两次取反，它不会变化

              *     - 如果对非布尔值进行运算，则会将其转换为布尔值，然后再取反

              *         所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值

              *         可以为一个任意数据类型取两次反，来将其转换为布尔值，原理和Boolean()函数一样

              *

              * && 与

              *     - &&可以对符号两侧的值进行与运算并返回结果

              *     - 运算规则

              *         - 两个值中只要有一个值为false就返回false，

              *             只有两个值都为true时，才会返回true

              *         - JS中的“与”属于短路的与，

              *             如果第一个值为false，则不会看第二个值

              *

              * || 或

              *     - ||可以对符号两侧的值进行或运算并返回结果

              *     - 运算规则：

              *         - 两个值中只要有一个true，就返回true

              *             如果两个值都为false，才返回false

              *        - JS中的“或”属于短路的或

              *             如果第一个值为true，则不会检查第二个值

              */

             var a = false;

             //对a进行非运算

             a = !a;

             console.log(a);//true

             //如果对非布尔值进行运算，则会将其转换为布尔值，然后再取反

             var b = 10;

             b = !!b;

             console.log(b); //true

             console.log(typeof b); //boolean

             //------------------------------------------------------------------------

             //如果两个值都是true则返回true

             var result = true && true;

             console.log(result); //true

             //只要有一个false，就返回false

             result = true && false;

             result = false && true;

             result = false && false;

             console.log(result); //false

             //第一个值为true，会检查第二个值

             true && alert("看我出不出来！！");//可以弹窗

             //第一个值为false，不会检查第二个值

             false && alert("看我出不出来！！");//没有出现弹窗

             //--------------------------------------------------------------------

             //两个都是false，则返回false

             result = false || false;

             console.log("result = "+result);//false

             //只有有一个true，就返回true

             result = true || false;

             result = false || true ;

             result = true || true ;

             console.log("result = "+result);//true

             //第一个值为false，则会检查第二个值

             false || alert("123"); //可以弹窗

             //第一个值为true，则不再检查第二个值

             true || alert("123"); //没有出现弹窗

         </script>

     </head>

     <body>

     </body>

 </html>

JS基础_逻辑运算符的更多相关文章

  1. JS基础_标识符

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  2. JS基础_全局作用域

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  3. JS基础_函数的简介

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  4. JS基础_数组的遍历

    遍历:将数组中所有的元素都取出来 1.for循环 var arr = ["1","2","3"]; for(let i=0;i<arr ...

  5. JS基础_垃圾回收(GC)

    垃圾回收(GC) 程序运行过程中也会产生垃圾,这些垃圾积攒过多以后,会导致程序运行的速度过慢,所以我门需要一个垃圾回收的机制,来处理程序运行过程中产生的垃圾 当一个对象没有任何的变量或属性对它进行引用 ...

  6. JS基础_基本数据类型和引用数据类型

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. JS基础_属性名和属性值

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. JS基础_对象的简介、对象的基本操作

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. JS基础_流程控制语句

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

随机推荐

  1. mysql 创建++删除 数据库

    创建RUNOOB数据库,并设定编码集为utf8 CREATE DATABASE IF NOT EXISTS RUNOOB DEFAULT CHARSET utf8 COLLATE utf8_gener ...

  2. 带你体验Android自定义圆形刻度罗盘 仪表盘 实现指针动态改变

    带你体验Android自定义圆形刻度罗盘 仪表盘 实现指针动态改变 转 https://blog.csdn.net/qq_30993595/article/details/78915115   近期有 ...

  3. java.io.IOException: Cleartext HTTP traffic to xxx.xxx.xxx.xxx not permitted

    java.io.IOException: Cleartext HTTP traffic to xxx.xxx.xxx.xxx not permitted 转 https://blog.csdn.net ...

  4. python设计模式-命令模式

    命令模式就是对命令的封装.所谓封装命令,就是将一系列操作封装到命令类中,并且命令类只需要对外公开一个执行方法execute,调用此命令的对象只需要执行命令的execute方法就可以完成所有的操作.这样 ...

  5. egg源码浅析一npm init egg --type=simple

    要egg文档最开始的时候,有这样的几条命令: 我们推荐直接使用脚手架,只需几条简单指令,即可快速生成项目: $ mkdir egg-example && cd egg-example ...

  6. VBA读写XML文件

    'Write XML file Sub WriteXML(fpa$, fn$) Dim xmlfile As String xmlfile = ThisWorkbook.Path & &quo ...

  7. 一百零六：CMS系统之修改邮箱功能完成

    这里采用把验证码放到memcached中,所以封装一个memcached的操作 import memcache cache = memcache.Client(['127.0.0.1:11211'], ...

  8. maskrcnn_benchmark 理解

    转载与参考: 1,https://zhuanlan.zhihu.com/p/58101945 2,https://blog.csdn.net/linolzhang/article/details/71 ...

  9. redis运维手册

    版本采用:redis-3.2.11.tar.gz 官网下载地址:https://redis.io/download 1.redis服务器资源 redis服务器基础配置CPU2核.内存按需分配,系统磁盘 ...

  10. SSM整合junit单元测试之org.apache.ibatis.binding.BindingException: Invalid bound statement (not found):

    想用SSM做一点小测试,项目整合完毕,直接使用junit测试mybatis,出现如下错误(SuperTest类中进行了spring运行环境加载): 解决思路: 检查mapper接口与mapper.xm ...