JavaScript之三目运算符的应用及其显著毛病
在代码中,咱们常常会用到三目运算符,应用起来倒也简略,能够替换一个if-else语句,代码也因而变得简洁起来。
首先写一些它的用法,举两个简略的例子
1 === 0? 2:3 // 31 === 0?2:3===3?5:6 // 5
如果?左侧为true则输入:后面的内容,如果为false,则输入前面的内容。如果有多个三目运算的话,从右往左,先计算表达式的值,再一层层失去最终后果。
这里我要特地再举几个例子,顺便解释下两个等于号和三个等于号的区别
1 == '1' // true0 == '0' //true0 == '' //true0 === '' // false0 == null // falseNaN == '' //falsenull == 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?'存在':'不存在'
这种场景下,咱们很容易就认为是判断左侧内容是否存在,特地容易产生歧义。
其次,多对于多个三目运算符的嵌套应用,尽管代码是少了很多,可具体了解起来,是相当麻烦的。
写代码,不光看整洁性,也要看可读性啊!