JavaScript數組參數問題

Question

我有以下的Javascript代碼：

function checkIfValid(){ 
    var form = document.createuserform; 
    var valid = new Array(); 

    for(i = 0; i < 4; i++){ 
    valid[i] = false; 
    } 

    if(form.fName.value == ""){ 
    form.getElementById('fNameStatus').innerHTML = "Please Enter Your First Name"; 
    valid[0] = false; 
    }else{ 
    document.getElementById('fNameStatus').innerHTML = ""; 
    valid[0] = true; 
    } 

    if(form.lName.value == ""){ 
    valid[1] = false; 
    }else{ 
    valid[1] = true; 
    } 

    if(!isValidEmail){ 
    valid[2] = false; 
    }else{ 
    valid[2] = true; 
    } 

    if(form.pass.value == ""){ 
    valid[3] = false; 
    }else{ 
    valid[3] = true; 
    } 

    if(checkIfValid(valid)){ 
    form.submit(); 
    } 
} 

function checkIfValid(arr){ 
    for(i = 0; i < arr.length; i++){ 
    if(!arr[i]){ 
     return false; 
    } 
    } 
    return true; 
} 

function isValidEmail(){ 
    var x=document.forms["createuserform"]["email"].value 
    var atpos=x.indexOf("@"); 
    var dotpos=x.lastIndexOf("."); 
    if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) 
    { 
    return false; 
    } 
    return true; 
} 

運行後，我得到在Firefox錯誤控制檯下面的錯誤「改編未定義線46」。一個

Answer 1

它看起來像你可能會試圖首先調用checkIfValid的無參數版本，其中一個參數調用同一個函數的重載版本。

JavaScript沒有函數重載。只要調用checkIfValid

最後的定義被使用。

Answer 2

你具備的功能checkIfValid（ARR）和checkIfValid（）。一個或另一個，不是兩個。像其他人說，JavaScript不支持function overloading

Answer 3

正如其他人所說，你不能在JavaScript中不同的參數名稱相同的功能，並希望雙方的工作。只有最後一個定義是活動的。但是，您可以使用單個函數來檢查傳遞的參數並據此採取行動。所以，你可以用這個單一的功能替換您的兩個功能：

function checkIfValid(arr){ 
    // if array passed, check it 
    if (arr) { 
     for(i = 0; i < arr.length; i++){ 
      if(!arr[i]){ 
       return false; 
      } 
     } 
     return true; 
    } 

    // if no array passed, check our form 
    var form = document.createuserform; 
    var valid = new Array(); 

    for(i = 0; i < 4; i++){ 
    valid[i] = false; 
    } 

    if(form.fName.value == ""){ 
    form.getElementById('fNameStatus').innerHTML = "Please Enter Your First Name"; 
    valid[0] = false; 
    }else{ 
    document.getElementById('fNameStatus').innerHTML = ""; 
    valid[0] = true; 
    } 

    if(form.lName.value == ""){ 
    valid[1] = false; 
    }else{ 
    valid[1] = true; 
    } 

    if(!isValidEmail){ 
    valid[2] = false; 
    }else{ 
    valid[2] = true; 
    } 

    if(form.pass.value == ""){ 
    valid[3] = false; 
    }else{ 
    valid[3] = true; 
    } 

    if(checkIfValid(valid)){ 
    form.submit(); 
    } 
} 

或者，如果你的第二個功能是真的只是一個輔助功能，並非是第一位的重載版本，那麼就改變它的名稱：

function checkIfValid(arr){ 
    // if no array passed, check our form 
    var form = document.createuserform; 
    var valid = new Array(); 

    for(i = 0; i < 4; i++){ 
    valid[i] = false; 
    } 

    if(form.fName.value == ""){ 
    form.getElementById('fNameStatus').innerHTML = "Please Enter Your First Name"; 
    valid[0] = false; 
    }else{ 
    document.getElementById('fNameStatus').innerHTML = ""; 
    valid[0] = true; 
    } 

    if(form.lName.value == ""){ 
    valid[1] = false; 
    }else{ 
    valid[1] = true; 
    } 

    if(!isValidEmail){ 
    valid[2] = false; 
    }else{ 
    valid[2] = true; 
    } 

    if(form.pass.value == ""){ 
    valid[3] = false; 
    }else{ 
    valid[3] = true; 
    } 

    if(checkIfArrayValid(valid)){ 
    form.submit(); 
    } 
} 

function checkIfArrayValid(arr){ 
    for(i = 0; i < arr.length; i++){ 
     if(!arr[i]){ 
      return false; 
     }  
    } 
    return true; 
}