<!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. HearthBuddy中_settings.txt的更详细参数解释

    https://tieba.baidu.com/p/5275382967 默认的配置不是很合理,花了点时间读了下silverfish(也就是兄弟用的AI)的代码后也尝试修改了些参数,有没有效果仁者见仁 ...

  2. Android性能优化-电量优化

    前言 电量优化,这个名词在传统PC时代,我们基本很少听见.然而到了诺基亚时代,我们也同样很少关注.直到了移动互联的智能机时代.电量优化才被慢慢的重视起来.可能的原因如下: 移动设备,不能一直使用电源供 ...

  3. LC 640. Solve the Equation

    Solve a given equation and return the value of x in the form of string "x=#value". The equ ...

  4. query和exec区别

    1.PDO::query PDO::query执行一条SQL语句,如果通过,则返回一个PDOStatement对象.PDO::query函数有个“非常好处”,就是可以直接遍历这个返回的记录集. 示例如 ...

  5. Turbine Netflix

    Turbine是聚合服务器发送事件流数据的一个工具,用来监控集群下hystrix的metrics情况. 本实例是在consul做为服务发现时的配置. Turbine聚合器: 可以参照:https:// ...

  6. CPU-内存-IO-网络调优

    一.关于CPU 中央处理器调优 1. CPU处理方式: 批处理,顺序处理请求.(切换次数少,吞吐量大) 分时处理.(如同"独占",吞吐量小)(时间片,把请求分为一个一个的时间片,一 ...

  7. SpringMVC,SpringBoot上传文件简洁代码

    @RequestMapping("/updateAvatar.html") public String updateHeadUrl(MultipartFile avatar, Mo ...

  8. Java中的字节，字符与编码，解码

    ASCII编码 ASCII码主要是为了表示英文字符而设计的,ASCII码一共规定了128个字符的编码(0x00-0x7F),只占用了一个字节的后面7位,最前面的1位统一规定为0. ISO-8859-1 ...

  9. 【Hadoop】MapReduce练习：分科目等级并按分区统计学生以及人数

    需求 ​ 背景:学校的学生的是一个非常大的生成数据的集体,比如每次考试的成绩 ​ 现有一个班级的学生一个月的考试成绩数据. ​ 科目 姓名 分数 ​ 需求:求出每门成绩中属于甲级的学生人数和总人数 ​ ...

  10. k8s集群证书过期（kubeadm 1.10.2 ）

    1.k8s 集群架构描述 kubeadm v1.10.2创建k8s集群. master节点高可用,三节点(10.18.60.3.10.18.60.4.10.18.60.5). LVS实现master三 ...