快速翻譯JS if/else速記？

Question

如果我能看到這些if/else語句寫得很長，這個輪播如何工作會變得更容易理解。據我瞭解，如果/其他速記雲：

isThisTrue? thenDoThis: ifNotDoThis

但我有點迷茫的時候得到補充更多的條件語句。任何幫助將非常感激。

n.attr("id")=="right"?currentIndex==$("#slider li").size()-1?currentIndex=0:currentIndex++:n.attr("id")=="left"?currentIndex==0?currentIndex=$("#slider li").size()-1:currentIndex--:currentIndex=n.attr("data-position");

SetTheme:function(n){n.hasClass("dark")?($("#logo").addClass("dark"),$("#ips").addClass("dark"),$("#nav").addClass("dark"), $("#but-links").addClass("dark"),$("#but-search").addClass("dark")):n.hasClass("light")&&($("#logo").removeClass("dark"),$("#ips").removeClass("dark"), $("#nav").removeClass("dark"), $("#but-links").removeClass("dark"), $("#but-search").removeClass("dark"))}

Answer 1

不管你做什麼，不寫這樣的代碼，如果你發現這樣寫的代碼，解決它。你很困惑，因爲它很混亂。不是你。 :-)

但是規則是，條件運算符的操作數是貪婪，從左到右。讓我們重溫一下三個操作數的條件運算符（如你在你的問題做了）：

operand1 ? operand2 : operand3 

如此以來，操作數是貪婪的，這意味着，例如：

val = true ? true ? "a" : "b" : "c"; // is "a" 
val = false ? true ? "a" : "b" : "c"; // is "c" 
//  ^^^^^^^^^^^^^^^^^ 
//   | \   /
//   | \   /
//   | +----------+--- this is operand2 to... 
//   +------------------ this conditional operator 

...因爲他們相當於

val = true ? (true ? "a" : "b") : ("c"); // is "a" 
val = false ? (true ? "a" : "b") : ("c"); // is "c"