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; 
}