javascript - 调用外部 .js 文件 javascript 函数，无需长参数列表

Question

我有两个 MVC Razor View (.cshtml)，它们内部具有几乎相同的 Javascript 函数。

为了消除重复的 javascript 代码，我想将 Javascript 从 View 中提取到包含该函数的单个外部 Javascript 文件 (.js)(带有一个可用于区分每个函数所需的细微差别的参数) View )。

View 中的 Javascript 包含 Razor 语法来访问许多 asp.net 资源文件 (.resx) 文本值(例如 var foo = '@ResourceFileName.Bar';)，遗憾的是 Razor 引擎无法为我解析这些文本值。

为了克服这个问题，我可以将所有资源文件文本值作为参数传递给 .js 文件中的函数 - 但我不喜欢这样做，因为参数列表会变得非常大。

RazorJS 包 ( http://www.nuget.org/packages/RazorJS ) 允许我在 .js 文件中使用 Razor 语法，但该包上次发布是在 2011 年，这让我很担心。

我可以使用什么技术来调用外部化函数而不需要一个巨大的长参数列表？

Answer 1

What techniques could I use to call the externalised function without a huge long parameter list ?

它不需要是一个巨大的参数列表。包含所有必要的资源属性的单个参数就足够了:

<script>
    var args = @Html.Raw(Json.Encode(new 
    {
        foo = ResourceFileName.Foo,
        bar = ResourceFileName.Bar,
        baz = ResourceFileName.Baz
    }));
    myFunction(args);
</script>

然后在您的函数中您可以访问所有这些属性:

function myFunction(args) {
    // you can use args.foo, args.bar and args.baz here
}