<!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. Mac下持续集成-查看占用的端口及kill

    (base) localhost:~ ligaijiang$ lsof -i tcp:8080 COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME Q ...

  2. PHP拼多多模式，砍价免费拿商品算法

      我12年开始做网站,对拼多多关注两三年了,一直对他们的拉新模式很感兴趣,下面我对砍价送礼品的算法跟大家分享下. 拼多多砍价免费拿商品有几个核心的东西: 1.需要拉新多人给商品,这个是直接在数据库配 ...

  3. c语言实行泛型hashmap

    代码出处:A simple string hashmap in C  https://github.com/petewarden/c_hashmap main.c (main2是官方源代码,main是 ...

  4. 4. Linux管理命令

    df.du:磁盘.空间相关的命令 df -h 以直观的方式显示磁盘分区使用状况 df test 查询test属于哪个分区   du du -h 以直观方式显示文件夹目录的使用状况 du -s 只显示当 ...

  5. Ansible-galera

    在四台虚拟机上都安装好docker 一.控制节点 1. 域名解析 [root@d ansible]# vim /etc/hosts [root@d ansible]# scp /etc/hosts n ...

  6. python之selenium三种等待方法

    前提: 我们在做Web自动化时,有的时候要等待元素加载出来,才能操作,不然会报错 1.强制等待 2.隐式等待 3.显示等待 内容: 一,强制等待 这个比较简单,就是利用time模块的sleep的方法来 ...

  7. 【网易微专业】图表绘制工具Matplotlib

    01 与图片的交互方式设置 这一小节简要介绍一下Matplotlib的交互方式 import pandas as pd import numpy as np import matplotlib.pyp ...

  8. 前端面试经典题之apply与call的比较

    在讲apply和call之前,我们需要先清楚在js中,this指向的是什么. 大家可以参考一下阮一峰老师写的关于JavaScript中this的原理讲解文章:http://www.ruanyifeng ...

  9. 2019-2020 ICPC, Asia Jakarta Regional Contest A. Copying Homework

    Danang and Darto are classmates. They are given homework to create a permutation of N integers from  ...

  10. 又做了个新的Blog

    http://inkhin.com 服务器比较渣,访问不了的请见谅.