如何在Visual Studio 2012中使用<％=折叠javascript函数

Question

在Visual Studio 2012中编辑标记/ aspx时，只要它们不包含特殊服务器标记（例如Response.Write <％=的快捷方式），就可以显然折叠javascript函数。

例子：

可以崩溃：

function foo() {
    var x = 0;
}

不能崩溃：

function bar() {
    var x = $find("<%= txtWhatever.ClientID %>");
}

我注意到，一旦添加开始标记<％= ，单词函数左侧的折叠选项（ - ）就会消失，所以我知道这就是问题所在。

无论大小/内容如何，​​它似乎都会打破整个功能的崩溃。

我已经尝试过Web Essentials插件以及高级Javascript概述插件，但似乎都不适用于具有此特定内容的函数。

有没有办法让包含这些类型标签的函数可折叠？

谢谢-

Answer 1

只有一个解决方法：

将每个函数包装在自己的脚本标记中。

JS团队显然已经开启了一个关于此问题的错误。

Answer 2

我使用“三脚本”模式：

脚本1

---

页面级变量。

脚本2

---

'Getter / Setter'函数返回对服务器控件或获取/设置值的引用。

例如：

function GetTxtUserNameVal() {
    var rtn = $('#<%= txtUsername.ClientID %>').val();
    return rtn;
}

function SetTxtUserNameVal(arg) {
    $('#<%= txtUsername.ClientID %>').val(arg);
}

function GetUserDetailsGrid() {
    return $find('<%= gridUserDetails.ClientID %>');
}

脚本3

---

功能：

在这些中，我使用上面的getter / setter函数而不是服务器标记。

---

现在我可以折叠脚本，也可以单独折叠函数脚本中的所有函数。