之所以要把逻辑表达式和条件语句放一块写一下,完全是因为二者的联系太过紧密,逻辑运算产生布尔值的结果,而条件语句则根据布尔值决定走那个分支。

逻辑与: &&

首先逻辑与有逻辑与运算功能,即对由它连接的两端做逻辑运算,只要有一端结果为假,整个表达式的结果为假。

其次逻辑与 两边连接两个值的时候,只要有一个值为假值,整个表达式的结果是这个假值。

最后是开关作用,可以代替简单的if语句,eg:

a && c();

假定a是某个变量,c为某一函数,当且仅当a可以转换为true的时候c才会执行;

逻辑或: ||

首先是逻辑或运算,被连接的两端如果一端为真,整个表达式结果为真,

然后逻辑或链接两个值得时候,只要有一个值为真值,整个表达式的结果就是这个真值,

最后也是开关作用, 同上 a || c();a为假的时候,c才会执行。

应用:es6之前函数参数的默认值设置,dom api兼容,比如: 时间参数,样式计算函数,太多了。

逻辑非:

对操作数的布尔值求反,单目运算符,具体运算过程是先将操作值转换为布尔值之后对这个布尔值求反,

应用:

可以很方便的检测一个值转换为布尔值是真是假:eg. !!s ,即为s转换为布尔值之后的值;

坑:!的优先级是非常高的,所以尤其注意一些逻辑运算符连接在一起的时候运算顺序。

条件语句:

if(expression):

if通过计算expression的值得结果是否为true,决定是否执行后边的语句,有大括号的时候执行整个代码段,没有大括号的时候只执行接下来的一句代码;

else:

执行if里expression计算为假的时候的语句,

else if

多分支的解决方案之一,关于if和else多提一句就是如果判断条件很多的时候尽量搞清楚逻辑运算之间的关系,否则很容易产生bug。

switch:

多分支的解决方案之一,基本语法:

switch ( expression ){
case n :
      expression;
        break;
default:
break;
}

根据expression的计算结果决定走哪条case语句,break不是必须得,但是是非写不可的,除了被2流程序猿嘲笑为不懂代码之外,极有可能会产生bug,因为当你的case语句已经匹配之后,他肯定会执行他的这块代码,但假设此时没有break的话,他就会执行下面case里边的语句,so,bug就这么产生了;但是也有一个好处!就是switch里expression有多个分支,但是某几个要执行的操作一样的话,你就可以连续写几个case之后再写操作语句了,的确很方便。

switch最后一般会跟一个default语句,用来处理,当所有的case都不匹配时的缺省操作,非必须,不写的话代码不怎么严谨。

简洁玩法:

可以用 && 运算符模拟简单的if语句;比方

c && c++; or typeof(c) == 'number' && c ++

当然还有一个条件运算符叫三元运算符,示例:条件?为真执行我:为假执行我;并且三元运算符是可以嵌套的噢!当然写的时候就注意换个行什么的了,不然代码不美观。

附录:

js的假值:

数值类型里边0,NaN,

还有布尔类型里边的false,

字符串:‘’,

null,undefined,

除此之外其他值都为真值了

js回忆录(2) -- 逻辑表达式,条件语句的更多相关文章

  1. js中的条件语句

    //js中的条件语句 ; //example1 单分支语句 ){ console.log("你已经不年轻了!"); }else{ console.log("你依然很有活力 ...

  2. js中的运算符和条件语句

    js中的运算符大体上可以分为4类:1算术运算符.2一元操作符.3比较运算符.4逻辑运算符. 算术运算符一般指的是加减乘除求余这五种操作符:+,-,*,/,%.通过算术运算符可以对js中的变量进行操作. ...

  3. JS一周游~(基础、运算符、条件语句)

    一.基础篇 JavaScript 基于浏览器(客户端).基于(面向)对象{没有继承}.事件驱动(要有对象).脚本语言(灵活多变) 1.作用 表单的验证,减轻服务端的压力 添加页面动画效果 动态更改页面 ...

  4. js 1.变量提升 2.条件语句 3.循环语句 4.加号+的使用

    1.变量提升 变量提升是浏览器的一个功能,在运行js 代码执行前,浏览器会给js一个全局作用域叫 window,window 分两个模块,一个叫运营模块,内存模块找到当前作用域下的所有带var和fun ...

  5. 优化 JS 条件语句的 5 个技巧

    优化 JS 条件语句的 5 个技巧 原创: 前端大全 前端大全 昨天 (给前端大全加星标,提升前端技能) 编译:伯乐在线/Mr.Dcheng http://blog.jobbole.com/11467 ...

  6. 笔记二:JS的输出、语法、语句、字符串、条件语句、switch语句、for循环、while循环

    1.JS的输出: 注意:JS没有任何打印或者输出的函数 JS输出数据的集中方法:  1.使用window.alert()弹出警告框: 2.使用document.write()方法将内容写到HTML文档 ...

  7. vue使用案例,vue初始化,vue初始化方法,vue条件语句,vue在js里面添加元素调用vue方法

     <div id="main" > <button id='but1' type="button" v-on:click="save ...

  8. js 中的流程控制-条件语句

    条件语句: if(exp)执行一句代码 <script> var x = 1 ; if(x == 1 ) //当if判断语句结果是true 或者 false 当判断结果等于true的时候, ...

  9. JS 优化条件语句的5个技巧

    前言 在使用 JavaScript 的时候,有时我们会处理大量条件语句,这里有5个技巧帮助我们编写更简洁的条件语句. 一.对多个条件使用 Array.includes 例子: function con ...

  10. js之语句(条件语句,循环语句,跳转语句)

    一.条件语句 1.if语句 条件语句是通过判断指定表达式的值来决定执行还是跳过某些语句,这些语句是代码是“决策点”有时称之为“分支”. if语句是一种基本的控制语句,它让Javascript程序可以选 ...

随机推荐

  1. rpc-java 生成代码路径设置

    <plugin> <groupId>org.xolstice.maven.plugins</groupId> <artifactId>protobuf- ...

  2. Qt开发经验小技巧276-280

    对MDI窗体区域设置背景颜色透明,会发现 QMdiArea{background:transparent;} 无效,哪怕是指定颜色 QMdiArea{background:#ff0000;} 或者 Q ...

  3. Qt编写地图综合应用36-覆盖物折线

    一.前言 折线图目前应用最广的也是用来绘制各种轨迹,折线图其实就是后面动态轨迹图.飞机航线图的前身,公用的一个方法addPolyline,折线图可以设置颜色.粗细.透明度等属性,如果开启了悬浮绘图工具 ...

  4. Qt编写安防视频监控系统46-视频存储

    一.前言 在整个视频监控系统的开发迭代升级过程中,遇到过各种奇奇怪怪的需求,都是客户提出来的,有些需求很合理,有些就不那么的自然了,牢记这客户是上帝的原则,能满足的尽量满足.相信各位同行的研发人员都会 ...

  5. Supermap Objects API开发中禁用默认的选择集显示风格,启用自定义的显示风格的代码

    //#region 使用自定义风格设置选中状态 Selection selection = new Selection();//从该记录集获取选择集 selection.FromRecordset(r ...

  6. TagHelper中获取当前Url

    在自定义TagHelper时,我们无法通过TagHelperContext 和 TagHelperOutput 获取到当前路由的信息,我们需要添加注入ViewContext [HtmlAttribut ...

  7. 前端vue获取excell中的数据

    这个功能我觉得还是挺好的,比如要批量上传一些数据,然后不用一个一个填入直接写个excell表然后一起上传,然后我在这边记录一下 首先用到了xlsx这个插件 下载 npm i xlsx --save 使 ...

  8. Solution Set -「NOIP Simu.」20221113

    \(\mathscr{A}\sim\) 游戏   Cover:「ARC 087E」Prefix-free Game.   Tags:「A.博弈-SG 函数」「A.数据结构-Trie」   想了半天 ( ...

  9. Synchronized的各场景使用方法(多窗口售票例子接上篇)

     同步锁机制:在<Thinking in Java>中,是这么说的:对于并发工作,你需要某种方式来防止两个任务访问相同的资源(其实就是共享资源竞争). 防止这种冲突的方法就是当资源被一个 ...

  10. VulNyx - Responder靶场

    靶机ip 192.168.200.9 先nmap 扫描全端口 这个22端口不知道有没有开 被过滤了 我们 收集一下靶机的ipv6地址 nmap用ipv6地址扫他的端口就能绕过 他的端口过滤 ping6 ...