Javascript 在 If 语句中错误地执行 MVC 代码

Question

我对下面的代码有点困惑。它在 Windows 7 上的 VS2010 中运行良好，现在我已经将硬件升级到 Windows 8 和 VS 2012，但它没有。

我的 MVC 应用程序中有以下 JavaScript 代码:

<script language="javascript" type="text/javascript">
var today;

if("@Model.Birthday.HasValue"){
    var today = new Date("@Model.Birthday.Value.Year", "@Model.Birthday.Value.Month" - 1, "@Model.Birthday.Value.Day");
}else{
    today = new Date();
}

模型从具有如下属性的 ViewModel 拉取:

    public System.DateTime? Birthday
    {
        get { return user.Birthday; }
        set { user.Birthday = value; }
    }

异常抛出行:

var today = new Date("@Model.Birthday.Value.Year", "@Model.Birthday.Value.Month" - 1, "@Model.Birthday.Value.Day");

它返回“Nullable object must have value”，如果它跳转到该行执行，它应该有值。但是，我的 if 语句返回 false。如果我删除该行并只放入一个警报语句，它永远不会执行该行或显示警报，因为 Birthday 属性为空。 JS 执行 MVC 代码的方式似乎发生了一些变化，它似乎会评估整个代码块，而不考虑 if 语句。我也尝试了以下方法，但无济于事:

• 在 Chrome for W8 中测试
• 在 try/catch block 中测试。有趣的是，它并没有捕获异常(我猜 JS 不会捕获 .NET 异常)
• 通过显式声明 @Model.Birthday.HasValue == true 进行测试
• 通过将其更改为 @Model.Birthday.Value != null 进行测试
• 在 Debug模式下以 Release模式测试

这应该很简单 - 测试一个值是否为 null，如果不是，则从 .NET 属性创建一个 JS Date 对象，如果是，则创建一个新的 JS Date 对象，但由于某种原因，它想要评估并执行该行，即使 HasValue 为 false。

真的被难住了。有没有人见过这样的事情？

Answer 1

我可以看到这里发生的一些事情正在影响您呈现正确数据的能力。

首先，MVC 变量在服务器端进行处理。您当前的实现总是尝试在 Javascript 中为 @Model.Birthday.Value 属性呈现一个值，以便生成 HTML。无论当前示例中的属性是真还是假，都会发生这种情况，因为它依赖于客户端 Javascript 来执行条件而不是 Razor。以下是您的问题的完整工作示例。

查看模型

namespace MvcApplication1.Models
{
    public class TestViewModel
    {
        public DateTime? NullDate { get; set; }

        public DateTime? DateWithValue { get; set; }
    }
}

Controller

public ActionResult Index()
        {
            return View(new TestViewModel{DateWithValue = DateTime.Now, 
NullDate = null});
            }

查看

@model MvcApplication1.Models.TestViewModel
@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<script type="text/javascript">
    var today;
    var anotherDay;

    @{if(Model.NullDate.HasValue)
    {
        @: alert('Null date had a value!');
        @: today = new Date('@Model.NullDate.Value.Year', parseInt('@Model.DateWithValue.Value.Month') - 1, '@Model.NullDate.Value.Day');
    }else
      {
        @: alert('Null date did not have a value');
        @: today = new Date();
    }}

    @{if (Model.DateWithValue.HasValue)
      {
        @: alert('DateWithValue had a value!');
            @: anotherDay = new Date('@Model.DateWithValue.Value.Year', parseInt('@Model.DateWithValue.Value.Month') - 1, '@Model.DateWithValue.Value.Day');
          @: alert(anotherDay);
      }
      else
      {
          @: alert('DateWithValue date did not have a value');
        @: anotherDay = new Date();
    }}
</script>

很明显，代码在 Javascript 部分是重复的，以显示它适用于同一 Controller 操作中的 Null 和 Non-null 值。

如您在 View 中所见，我们确保使用 Razor 语法检查模型，并使用 Javascript 设置实际的客户端变量。另外，我想知道您的“-1”是否正常工作。为了在这个例子中做减法，我不得不从 Javascript 将该值转换为 Int，但这是一个次要的细节。

作为引用，这是一个在 VS2012 上的 MVC 4 项目，使用 Chrome 测试了 Windows 8 Professional。