<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <meta http-equiv="X-UA-Compatible" content="ie=edge">

     <title>javascript逻辑与</title>

      <!--

         逻辑与（&&）个人理解：

         前提条件：

         -逻辑与的判定顺序：从左到右；

         -只要遇到假/null/undefined/NaN就不会再往下判定。直接返回第一个假/null/undefined/NaN的值

         -全真时返回最后一个真的值

         1）操作数都是布尔值

          全真时：返回true

          1假或多假：返回false

         2）操作数为多类型混合（表达式、布尔值等其他类型）

          1假/多假/全假：返回第一个假

          全真：返回最后一个真

         3）特殊情况：操作数为null/undefined/NaN

          只要含有null/undefined/NaN,就会返回null/undefined/NaN；

          如果null/undefined/NaN同时存在，则返回null/undefined/NaN中的第一个。

     -->

 </head>

 <body>

     <script>

         var a=10,b="10",c=20,d="",e=0,f="dd",g;

         /* 逻辑与：布尔型 */

         console.log(a==b && a<c);//true

         console.log(a==b && a>c);//false

         /* 逻辑与：混合型 */

         console.log(e && a);//0,第一个操作数e假，返回第一个，e

         console.log(a && d);//"",第一个操作数a真，返回第二个，d

         console.log(a && b && c);//20,a\b\c都为true，返回最后一个，c

         console.log(a && d && e);//"",a真,d假,e假，返回第一个假，d=""

         console.log(a && b && c);//20,全真，返回最后一个真

         console.log(null && a && b && c);//null

         console.log((a-f) && a && b);//NaN

         console.log(g && a && b);//undefined

         console.log(NaN && null && defined);//NaN,这三个谁是第一返回谁

     </script>

 </body>

 </html>

javascript逻辑与（&&）的更多相关文章

  1. JavaScript逻辑and、or、not运算符详解

    一.AND详解: 在JavaScript中,逻辑 AND 运算符用双和号(&&)表示. 需要说明的是:逻辑AND运算的运算数可以是任何类型的,不止是Boolean值,如果某个运算数不是 ...

  2. javascript逻辑非（！/！！）

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. javascript逻辑或（||）

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  4. JS && || 陷阱 javascript 逻辑与、逻辑或 【转】

    通常来说逻辑运算a&&b和a||b分别是逻辑与运算和逻辑或运算,返回的是一个布尔值,要么为true,要么为false. 比如在PHP里面a&&b返回类型永远是布尔值,非 ...

  5. HTML5 网页 漂浮窗广告 JavaScript逻辑 - demo

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  6. JavaScript 逻辑与(&&) 与 逻辑或(||) 运算规则

    逻辑与(&&) 逻辑与(&&)操作可以应用于任何的操作类型,不仅仅是布尔值, 在有一个操作数不是布尔值的情况下,&&操作符就不一定返回布尔值:遵循下面规 ...

  7. javascript 逻辑操作符

    JS按位与(&) 0001 & 0011 --- 0001 只有两个数的值为1时,才返回1 JS按位异或  (^) 0101 (expression1)  1100 (expressi ...

  8. JavaScript逻辑分支switch 练习题

    1.输入月份,显示当月的天数, 利用case穿透简化代码  var month = prompt("请输入月份"); var year = prompt("请输入年份&q ...

  9. JavaScript学习总结(三)——逻辑And运算符详解

    在JavaScript中,逻辑 AND 运算符用双和号(&&)表示 1 var bTrue = true; 2 var bFalse = false; 3 var bResult = ...

随机推荐

  1. [转帖]从光刻机的发展，看懂ASML为何是不可取替

    从光刻机的发展,看懂ASML为何是不可取替 http://mini.eastday.com/mobile/171230223351249.html# 2017-12-30 22:33    来源:半导 ...

  2. java--demo之猜拳游戏

    版本1:人机大战  基础随机出    用户键盘录入 package com.hainiu.demo; import java.util.Scanner; /* * 人机大战石头剪刀布 */ publi ...

  3. HashSet和HashMap

    HashMap 概念和特征  概念:以键值对的形式存储数据,由键映射到值,核心在于Key上.  特征:键不能重复,值可以重复:key-value允许为null.     HashMap   Since ...

  4. Scratch2.0教材（9）——合体大变身

    教材说明 ——————— 1．本教材共96节课,适用于3-5年级.40人.40分钟的课堂: 2．初期我会把每节课的代码控制在10行以内,后期再逐渐增加: 3．欢迎提意见. 课程摘要 ——————— [ ...

  5. 纯css实现移动端横向滑动列表&&overflow:atuo;隐藏滚动条

    <!DOCTYPE html> <html> <head> <title>横向滑动</title> <style type=" ...

  6. 怎样通过混入(Mixin)实现多继承

    js不提供现成的多重继承的方法, 但可以通过Object.assign()来手动实现: function Father1(name){ this.name = name; } function Fat ...

  7. （二十六）JavaBean

    一.定义 1 JavaBean是一个遵循特定写法的Java类,它通常具有如下特点: 这个Java类必须具有一个无参的构造函数 属性必须私有化. 私有化的属性必须通过public类型的方法暴露给其它程序 ...

  8. 可视化利器 TensorBoard

    人工智能的黑盒: TensorBoard 的作用: 1.用TensorFlow保存图的信息到日志中 tfsummary.FileWriter("日志保存路径", sess.grap ...

  9. 基于【 Docker】二 || Docker的入门安装

    一.前提条件 本文介绍 Docker CE 的安装使用. 目前,CentOS 仅发行版本中的内核支持 Docker. Docker 运行在 CentOS 7 上,要求系统为64位.系统内核版本为 3. ...

  10. [Vuex系列] - Vuex中的getter的用法

    Vuex 允许我们在store中定义“getter”(可以认为是store的计算属性).就像计算属性一样,getter的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算. g ...