三目運算的簡單運用和理解

三目運算

開發工具與關鍵技術：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也不是適用於所有的瀏覽器的！我這裏是使用谷歌瀏覽器。