JavaScript 之三目运算符的应用及其显著毛病
在代码中,咱们常常会用到三目运算符,应用起来倒也简略,能够替换一个 if-else 语句,代码也因而变得简洁起来。
首先写一些它的用法,举两个简略的例子
1 === 0? 2:3 // 3
1 === 0?2:3===3?5:6 // 5
如果?左侧为 true 则输入:后面的内容,如果为 false,则输入前面的内容。如果有多个三目运算的话,从右往左,先计算表达式的值,再一层层失去最终后果。
这里我要特地再举几个例子,顺便解释下两个等于号和三个等于号的区别
1 == '1' // true
0 == '0' //true
0 == '' //true
0 === '' // false
0 == null // false
NaN == '' //false
null == undefined // true
具体规定
先说 ===(等同符),这个比较简单,具体比拟规定如下:
1、如果类型不同,就 [不相等]
2、如果两个都是数值,并且是同一个值,那么[相等];(!例外) 的是,如果其中至多一个是 NaN,那么 [不相等]。(判断一个值是否是 NaN,只能用 isNaN() 来判断)
3、如果两个都是字符串,每个地位的字符都一样,那么[相等];否则[不相等]。
4、如果两个值都是 true,或者都是 false,那么[相等]。
5、如果两个值都援用同一个对象或函数,那么[相等];否则[不相等]。
6、如果两个值都是 null,或者都是 undefined,那么[相等]。
再说 ==(等值符),具体比拟规定如下:
1、如果两个值类型雷同,进行 === 比拟,比拟规定同上
2、如果两个值类型不同,他们可能相等。依据上面规定进行类型转换再比拟:
a、如果一个是 null、一个是 undefined,那么[相等]。
b、如果一个是字符串,一个是数值,把字符串转换成数值再进行比拟。
c、如果任一值是 true,把它转换成 1 再比拟;如果任一值是 false,把它转换成 0 再比拟。
d、如果一个是对象,另一个是数值或字符串,把对象转换成根底类型的值再比拟。对象转换成根底类型,利用它的 toString 或者 valueOf 办法。js 外围内置类,会尝试 valueOf 先于 toString;例外的是 Date,Date 利用的是 toString 转换。非 js 外围的对象,令说(比拟麻烦,我也不大懂)
e、任何其余组合(array 数组等),都[不相等]。
接下来再说说它最大的毛病
咱们都晓得当右边的运算后果返回 true 的时候,最终值采取冒号左侧的,返回 false 时,最终值取冒号右侧内容。
可要害就在这个右边的运算后果,有时候恰好就是咱们想要的,可它偏偏等值于‘false’
这时候,咱们就不能很不便地应用简略三目运算符了。
例如:
let str1 = 0
str1?’ 存在 ’:’ 不存在 ’
这种场景下,咱们很容易就认为是判断左侧内容是否存在,特地容易产生歧义。
其次,多对于多个三目运算符的嵌套应用,尽管代码是少了很多,可具体了解起来,是相当麻烦的。
写代码,不光看整洁性,也要看可读性啊!