<!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. react-hook设定定时器的方法

    const useInterval = (callback, delay) => { const savedCallback = useRef(); // 保存新回调 useEffect(() ...

  2. httpClinent工具类

    package com.juchn.gateway.common.utils; import java.io.BufferedReader; import java.io.IOException; i ...

  3. python pip 使用

    一.修改 pip 源 Windows 在用户目录下新建 pip\pip.ini 文件,如:C:\Users\Administrator\pip\pip.ini [global] index-url = ...

  4. MAC-下安装php-redis扩展

    MAC下安装php-redis扩展   下载php-redis,地址:https://nodeload.github.com/nicolasff/phpredis/zip/master 下载完成得到p ...

  5. R-CNN论文阅读摘要

    论文链接: https://arxiv.org/pdf/1311.2524.pdf Abstract Our approach combines two key insights: (1) one c ...

  6. leetcode 257. 二叉树的所有路径 包含（二叉树的先序遍历、中序遍历、后序遍历）

    给定一个二叉树,返回所有从根节点到叶子节点的路径. 说明: 叶子节点是指没有子节点的节点. 示例: 输入: 1 / \2 3 \ 5 输出: ["1->2->5", & ...

  7. Linux0.11学习

    Linux 0.11虽然不是什么“珠穆朗玛峰”,但它肯定还是“华山”或“泰山”.虽然有路但你还是需要最基本的努力和花费一定的代价才能“攀登”上去.1. PC兼容机硬件工作原理(比如8259A,8253 ...

  8. playbook部署coredns

    playbook部署coredns 说明test1是主控节点,目的是给test4 node节点安装coredns, 1.coredns-1.2.2.tar.gz安装包放到主控节点/server/sof ...

  9. Tanimoto Coefficient

    Tanimoto Coefficient The Tanimoto coefficient between two points, a and b, with k dimensions is calc ...

  10. Node线上部署管理器PM2

    PM2是一个带有负载均衡功能的Node应用的进程管理器.PM2可以利用服务器上的所有CPU,并保证进程永远都活着,0秒的重载,部署管理多个Node项目.PM2是Node线上部署完美的管理工具. PM2 ...