javascript - 如何阅读这个复杂的 Javascript 快捷操作符？

Question

我正在研究另一个开发人员的代码并遇到了这条疯狂的线。看起来正在进行大量比较，但我无法理解。

num > -1 ? "down" === position && value >= this._offset ? this.hideFunc() : "up" === position && value >= this._offset && this.showFunc() : this.showFunc()

我怎样才能破译这个？

Answer 1

if (num > -1) {
    if ( "down" === position && value >= this._offset ) {
       return this.hideFunc();
    } else if ("up" === position && value >= this._offset) {
       return this.showFunc();
    } else {
       return; //Doesn't exist in the one liner but the function must return something..
    }
} else {
    return this.showFunc();
}