在if判断中的用法:

  1. ||的用法:

    if (2 > 1 || 2 > 5) {
    console.log('www.zeze.info');
    }

    ||”的用法是如果前面的表达式满足了那么就不会再走到下一个表达式,之间就会进入到if的执行语句中。(PS:{}里面的内容为执行语句内容)
    如果说俩个条件都不满足那么就不会走进这个执行语句当中去。

  2. &&的用法:

if (2 > 1 && 2 > 6) {
console.log('wx:twobixiaoxin');
}

&&”的用法是如果前面的表达式满足了,那么再去判断下一个,只有全部的表达式满足条件了才会进入到if的执行语句中。
上面的代码虽然2>1是满足的,但是2>6是不满足的,所以是不会进入到if的执行语句中的。

简化三目运算符和if语句:

实战场景模拟:

我们有一个变量是用来接收localStorage里面的数据的,但是如果说localStorage里面没有数据那么我们就给他赋予一个空数组。
用三目运算符我们可以这么来写:

let localStorageMessage = (localStorage.getItem('test'))? localStorage.getItem('test'): [];

如果说用短路运算符我们可以这么写:

let localStorageMessage = localStorage.getItem('test') || [];

这样在前面一个值取回的为空的时候就会默认赋值为[]了。

关于“||”和“&&”妙用的秘诀大家只要记住它的执行顺序即可:

  1. &&运算符在前一个表达式为true的时候才会继续往下一个走。否就止步于此。
  2. ||运算符在前一个表达式为true的时候就直接止步于此了。只有当前一个表达式为false的时候才会继续往下走。

你如果还是记不住它的执行流程是如何的那也可以这样记:

  1. 关于&&从前至后的顺序去遍历表达式,遇到false的表达式停止并返回此表达式。如果全都为true,那么就返回最后一个。
  2. 关于||从前至后的顺序去遍历表达式,遇到true的表达式停止并返回此表达式。如果全都为false,那么就返回最后一个。

有疑问或者商业合作可以加博主微信:twobixiaoxin。一起交流