如何從Javascript中的連續函數返回布爾值？

Question

我想學習，如何從Javascript中的連續函數返回布爾值？如果前一個函數返回true，我想運行下一個函數。例如有一個主要功能，並有3個子功能。

它會是這樣的：運行第一個函數，如果它返回true，運行第二個函數，如果第二個函數返回true，則運行第三個函數，如果第三個函數返回true，那麼main函數也返回true。

有人可以告訴我一個簡單的例子。我寫了一個例子，但它總是返回false :)我想學習邏輯的最佳途徑。所有從現在起謝謝:)

我的例子：

var uname; 

$("#username").keyup(function() { 

    uname = checkUsername(); 
    console.log(checkUsername()); 

});  // Username keyup 


function allowedChars() { 

    var username = document.getElementById("username").value; 

    var chars = /^[a-zA-Z0-9\.\_]*$/; 

    if(chars.test(username) == true) { 

     $("#notName").html("").show(); 

     return true; 

    } 

    else { 

     $("#notName").html("Username can just contain A-Z, 0-9, dot and underscore!").show(); 

     return false; 

    } 

} // allowedChars 

function unameLen() { 

    var username = document.getElementById("username").value; 

    if ((username.length > 3) && (username.length < 20)) { 

     $("#notName").html("").show(); 

     return true; 

    } 

    else { 

     $("#notName").html("Username must be between 3 and 20 characters!").show(); 

     return false; 

    } 

} 

function unameAvl() { 

    var username = document.getElementById("username").value; 

    $.post("check.php", { username: username }, 
    function(result){ 

     if (result == true) { 

      $("#notName").html("").show(); 

      return true; 

     } 

     else { 

      $("#notName").html("Username is already exists!").show(); 

      return false; 

     } 

    }); 

} 

function checkUsername() { 

    allowedChars(); 

    if (allowedChars()) { 

     unameLen(); 

    } 

    if (unameLen()) { 

     unameAvl(); 

    } 

    if (unameAvl()) { 

     return true 

    } 

    else { 

     return false; 

    } 

} 

Answer 1

可以使用&&運營商爲你做這個，因爲它實現短路布爾邏輯。

您checkUserName方法改成這樣，看看它是如何工作的：

function checkUsername() { 
    return allowedChars() && unameLen() && unameAvl(); 
} 

在這種情況下，當allowedChars返回true，則接下來請unameLen。如果unameLen返回true，則將調用unameAvl。如果任何函數返回false，checkUsername函數將返回false，如果全部返回true，則返回true。

這也將修復返回值unameAvl，以便它返回一個布爾值，而不是未定義的。

function unameAvl() { 
    var success = false; 
    var username = document.getElementById("username").value; 

    $.post("check.php", { username: username }, 
     function() { 
      $("#notName").html("").show(); 

      success = true; 
     } 
    }).fail(function() { 
     $("#notName").html("Username is already exists!").show(); 

     success = false; 
    }); 

    return success; 
} 

jQuery的$.post並不指望從成功回調返回值，所以返回值被丟棄。必須從函數中設置返回值unameAvl，因此它必須通過變量（success）傳達該狀態。

回調函數的參數也不正確。 jQuery將回調函數的簽名記錄爲Function(PlainObject data, String textStatus, jqXHR jqXHR)，但實際使用的函數具有不正確的簽名Function(boolean result)。函數參數不會在回調函數中使用，因此參數列表可以（並且）安全地省略。

回調僅在成功時被調用，因此還需要提供失敗回調。這是通過連接到$.post呼叫的$.fail方法完成的。

看到這些文檔頁：

• jQuery $.post
• jQuery jqXHR object（爲失敗回調）
• jQuery $.ajax

所有這些變化的同時使Ajax調用的工作，正確報告成功狀態作爲unameAvl的返回值。這正確地允許短路邏輯按預期工作。