三目运算的简单运用和理解

三目运算

开发工具与关键技术：DreamWeaver     三目运算
作者:听民谣的老猫
撰写时间：2019/1/27   18:15

三目运算的基本格式和理解:

     var a=2;
     var b=5;
     var c;
     c = a>b? a:b;
     alert(c);

如上代码就是三目运算的一个基本格式了，首先得声明三个变量(a b c)并将其赋值。c = a>b? a:b; 这句话的意思就是 : 如果a>b就输出a，将a的值赋值给c。如果a<b就输出b，将b的值赋值给c。
a<b c的值等于5

三目运算的运用
三目运算的使用范围非常广泛用法也各有不同，在js滚轮事件中确定滚轮方向就有用到三目运算：

e.wheelDelta 是Event属性值(在我2019/1/16 博客中有详细讲解)。在这里为什么要用wheelDelta和0做大小比较呢?
这里我们通过提示框来输出一下e.wheelDelta值就可以知道了。

当滚轮向上时wheelDelta值是150，当滚轮向下时wheelDelta值是-150。也就是说判断e下面的wheelDelta值是否大于0。如果结果是true，则滚轮向上滚动。如果结果是false，则滚轮向下滚动。

三目运算的运用就确定了滚轮的方向

上面滚轮事件中还要考虑事件的兼容性问题，每个浏览器捕获的wheelDelta值都是不同的！并且wheelDelta也不是适用于所有的浏览器的！我这里是使用谷歌浏览器。