三目运算符的底层原理及处理问题
欢迎各位朋友的到来(最后一条,求底层原理)~
码农们,晚上好!今天在学习JavaScript过程中,对于三目运算符突发灵感,便对其原理由浅入深的解析。若有错误地方,请指示!
三目运算符的格式
a>b?a:b
alert("你好">1?2:3); //false
通常我们对三目运算符的理解仅把a、b当做数字来判断。是否考虑过将a或b换成字符串形式来比较。在js执行过程中,将 “你好”>1 返回false,条件为假则取第二个值。底层解析无法将一个字符串跟number类型进行比较,只返回false。
不走寻常路的三目运算
alert(true+3>1 ? 1 : 2); // 1
alert("true"+3>1 ? 1 : 2); //2
为何同样的式子,却出现不一样的结果。因为这涉及到拼接的问题,字符串类型跟数字类型拼接,js将其解析合并为:true(String),string跟number比较,返回false,所以第二个式子结果为2。
使用三目运算求出三个数的最大值,及其拼接的问题
var a=parseInt(window.prompt());
var b=parseInt(window.prompt());
var c=parseInt(window.prompt());
alert( (a>b?a:b) > c ? (a>b?a:b) : c );
思路:首先先求出a与b的较大值,取出较大值后,再跟c进行比较。(a>b?a:b)取出较大值,并将这个式子当做一个值与c进行比较,从而求出最大值。
三目运算求最大值得拼接问题
alert( "三个数的最大值为:" + ((a>b?a:b) > c ? (a>b?a:b) : c) );
如果对三目运算符得出结果进行拼接输出,想要正确输出时,则需对整个式子最外层套上一层括号。
三目运算求最大值得拼接,式子最外层不加括号问题
alert( "三个数的最大值为:" + (a>b?a:b) > c ? (a>b?a:b) : c );
当式子的最外层不嵌套括号时,底层的js会将拼接字符串也加进来计算;所得到的结果不一定是最大值,经过我的多次试验,该式子输出的结果是:得到a与b之中的最大值(exp1:输入顺序为:1、2、3;输出为:2。exp2:输入顺序为:1、3、2;输出为:3…)。那么该得出的结果,该底层的执行顺序是怎么样的?求各位路过的大佬知识。向大佬看齐~