JavaScript switch语句混淆

Question

getDateRange = function() { 
     date = new Date(); 
     var test; 
     selectedOption = $('#daterange').change().val() 
     console.log(selectedOption) // reusult 0 
     switch (selectedOption) { 
      case 0: 
       test = '/' + date.getFullYear() + '-' + 0 + date.getMonth() + '-' + date.getDate() + '/' + date.getFullYear() + '-' + 0 + (date.getMonth() + 1) + '-' + date.getDate() 
       break 
     } 
     return test 
    } 
    console.log($('#daterange').change().val()) // result 0 
    console.log(getDateRange()) // result "undefined". Why? 

为什么switch语句的结果总是undefined？

Answer 1

更改你的case语句来case '0'因为val()返回一个字符串。

另外：如果除了返回测试变量之外，您在switch语句之后没有做其他任何事情，那么您也可以仅返回值并摆脱var test。

getDateRange = function() { 
 
    date = new Date(); 
 
    selectedOption = $('#daterange').change().val(); 
 
    switch (selectedOption) { 
 
    case '0': 
 
     return '/' + date.getFullYear() + '-' + 0 + date.getMonth() + '-' + date.getDate() + '/' + date.getFullYear() + '-' + 0 + (date.getMonth() + 1) + '-' + date.getDate(); 
 
    } 
 
} 
 
console.log(getDateRange());

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="daterange" value="0" />

Answer 2

$('#daterange').change().val()返回一个字符串，但在开关中，您将与一个数字进行比较。

而且，在当前的例子中，你不需要切换，因为你只有一种情况：

getDateRange = function() { 
    var selectedOption = $('#daterange').change().val(); 
    if (selectedOption === '0') { 
     return ... 
    } 
} 

Answer 3

我的JavaScript的，数据类型应该是tighly配对您对比operatot，所以它与===

比较在这种情况下，类型和数据都将匹配在一起。

getDateRange = function() { 
    date = new Date(); 
    selectedOption = $('#daterange').change().val(); 
    switch (selectedOption) { 
    case '0': 
     return '/' + date.getFullYear() + '-' + 0 + date.getMonth() + '-' + date.getDate() + '/' + date.getFullYear() + '-' + 0 + (date.getMonth() + 1) + '-' + date.getDate(); 
    } 
} 
console.log(getDateRange());