处理多个Javascript IF语句

Question

是否可以在Javascript中放置多个IF语句？如果是这样，我在下面的陈述中遇到了相当多的麻烦。我想知道如果你可以把另一个IF语句放在之间if（data =='valid'）AND else？我想添加另一个if data =='concept'）两者之间。

if (data == 'valid') { 
    $("#file").slideUp(function() { 
     $("#file").before('<div class="approvedMessage">WIN WIN WIN!</div>'); 
     setTimeout(ApprovedProof, 5000); 
    }); 

    function ApprovedProof() { 
     $("#file").slideDown(); 
     $('.approvedMessage').fadeOut(); 
    } 

} 
else { 

    $("#file").slideUp(function() { 
     $("#file").before('<div class="deniedMessage">NO NO NO!</div>'); 
     setTimeout(DeniedProof, 5000); 
    }); 

    function DeniedProof() { 
     $("#file").slideDown(); 
     $('.deniedMessage').fadeOut(); 
    } 
} 

Answer 1

这是你在找什么？

if(data == 'valid') { 
    // block 1 
} else if (data == 'concept') { 
    // block 2 
} else { 
    // block 3 
} 

Answer 2

你可以使用else if

if (data == "valid") { 
    // stuff here 
} else if (data == "concept") { 
    // more stuff 
} else { 
    // other stuff 
} 

Answer 3

如果您打算为数据变量来保存多个不同的值，你会发现switch语句更适合你的需求：

switch(data) 
{ 
    case "valid": 
    //stuff 
    break; 
    case "concept": 
    //stuff 
    break; 
    case "this": case "that": 
    //more stuff 
    break; 
    default: 
    break; 
} 

请注意，在每种情况之后的break语句，可以针对每个条件使用多个case语句，并且存在一个catch-call默认情况，如果没有其他匹配的话就会触发。 switch语句只不过是If语句的更简洁的版本。

Answer 4

无关的问题，但乔伊要求澄清使用匿名函数与他的计时器：

if (data == 'valid') { 
    $("#file").slideUp(function() { 
     $("#file").before('<div class="approvedMessage">WIN WIN WIN!</div>'); 
     setTimeout(function() { 
      $("#file").slideDown(); 
      $('.approvedMessage').fadeOut(); 
     }, 5000); 
    }); 
}