<!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. webservice 接口报404错误问题小结

    1 背景介绍 生产环境有两台应用服务器(RAC),EBS版本是12.1.3,服务器操作系统版本linux 节点一:10.192.80.87 节点二:10.192.80.88 20180512(周六) ...

  2. [Mybatis]执行一句Sql返回一个List<String>

    在Mapper.xml如下书写SQL文,其中 resultType告知MyBatis返回的类型: <select id="selectExpiredDate" resultT ...

  3. 错误代码 2003不能连接到MySQL服务器在*.*.*.*（10061）

    错误代码 2003不能连接到MySQL服务器在*.*.*.*(10061) 错误代码 2003不能连接到MySQL服务器在*.*.*.*(10061)哪位大侠知道怎么解决啊? 在线等!!! [[i] ...

  4. LC 901. Online Stock Span

    Write a class StockSpanner which collects daily price quotes for some stock, and returns the span of ...

  5. 一首好听的摇滚歌曲（Ever Dream），以及优美的译作

     送上一首好听的摇滚歌曲,以及优美的译作.祝大家新年快乐.happy new year!  [ti:Ever Dream][ar:Nightwish][al:Century Child][by:吖光] ...

  6. 一百零八：CMS系统之封装权限判断功能

    在用户模型下定义属性和方法,用于判断用户的权限 @propertydef permissions(self): """ 返回用户拥有的所有权限 ""& ...

  7. php+UEditor粘贴word

    最近公司做项目需要实现一个功能,在网页富文本编辑器中实现粘贴Word图文的功能. 我们在网站中使用的Web编辑器比较多,都是根据用户需求来选择的.目前还没有固定哪一个编辑器 有时候用的是UEditor ...

  8. Java日志体系（五）logback

    1.1 简介 师出同门,与log4j一样,logback也是由Ceki Gülcü开发的开源日志组件,可以说是log4j的改进版:在现如今的项目中,logback的出现次数越来越多,是目前主流首选的日 ...

  9. JS GZIP压缩

    GZIP压缩,GZIP解压需要用到 pako.js 文件:下载地址:https://download.csdn.net/download/qq_35713752/10627338 使用方法: JS压缩 ...

  10. 使用青花瓷(charles)抓包

    官网下载charles: https://www.charlesproxy.com/download/ MAC & Apple 打开青花瓷charles 找到本地IP:青花瓷里面Help-&g ...