直接调用function时定义了函数的变量，但从另一个function调用时没有定义？

Question

所以我正在学习 javascript 来制作一个获取时间戳并打开报告的脚本，并在一些运行脚本以打开报告的 HTML 按钮中有一些预设选项。

这是基础 function 的样子：

function generateReport(reporttype, reportmode = 1, reportrange = 0, reportregister = 0) {
    var startdate;
    var enddate;
    var currentdate = new Date().setHours(0,0,0,0);
    var dayofweek = new Date().getDay();
    switch(reportmode) {
        case 1: // Range mode
            reportrange = reportrange * 86400000;
            startdate = currentdate - reportrange;
            enddate = currentdate + 86399999;
            break;
        case 2: // Yesterday mode
            startdate = currentdate - 86400000;
            enddate = currentdate - 1;
            break;
        case 3: // WTD mode
            startdate = dayofweek * 86400000;
            startdate = currentdate - startdate;
            enddate = currentdate + 86399999;
    }
    if (reportregister != 0) {
        reportregister = "&SR=" + reportregister;
    } else {
        reportregister = "";
    }

    let url = "http://ods02132w10:7001/odpposservlet/ODOpenReport?report="+reporttype.toString()+"&start_date="+startdate.toString()+"&end_date="+enddate.toString()+reportregister.toString()+"&precision=2";

    window.open(url);
}

从 HTML 按钮调用 function 时，这工作得很好，零问题。

但是，我也试图为用户提供从自定义参数生成报告的选项。 我有一个 HTML 表单，设置为将值传递给单独的 function，然后调用“generateReport()”function。

function advancedReport() {
    let grtype = document.getElementById("grtype").value;
    let grmode = document.querySelector('input[name="grmode"]:checked').value;
    let grrange = document.getElementById("grrange").value;
    let grregister = document.getElementById("grregister").value;
    //console.log("grtype="+grtype+"\ngrmode="+grmode+"\ngrrange="+grrange+"\ngrregister"+grregister);
    generateReport(grtype,grmode,grrange,grregister);
}

每当我通过这个单独的 function 调用 generateReport() 时，它会获取 HTML 表单的值，它会抛出一个错误，指出“开始日期”和“结束日期”未定义。 我很困惑为什么会这样，因为变量被声明并且只在 generateReport() function 中使用，而不是在 advancedReport() function 中使用，并且当相同的参数通过 HTML 按钮传递时它工作得很好而不是通过 advancedReport() 调用。 开始日期和结束日期应该通过 switch 语句定义。

在 switch 语句之外为“startdate”和“enddate”赋值会导致 function 工作，但开关似乎从未真正处理过，无论将什么参数传递给 function，该值仍然是 static。

我尝试将变量从 generateReport() function 中移出，使它们在 scope 中成为全局变量，但这并没有导致任何不同的行为。

Answer 1

使用调试工具找出您的 function 实际做了什么。 您会发现您正在传递一个字符串（大概是复选框的value属性）作为参数reportmode 。 您的 function 期望此值是一个数字。