[Trick] ¿Cómo utilizar los Helpers de MVC dentro de nuestros js?

Intro

Una más que recomendada practica a la hora de hacer nuestros desarrollos es separar el código js de nuestra View a un fichero aparte. La problemática viene en el momento que queremos utilizar uno de los helpers de MVC (I y II) ya que javascript no va a ser capaz de realizar la interpretación de lo queremos realizar.

Ejemplo (fichero js):

 var contentCssUrl= '@Url.Content("~/Content/Site.css")';
    alert(contentCssUrl);

Al mostrar el alert veremos exactamente lo que contiene entre comillas y no es el resultado que deseamos.

Solución

Para solventar este problema, será necesario que incorporemos un poco de código javascript a nuestra vista:

<script type="text/javascript">
    var contentCssUrl = '@Url.Content("~/Content/Site.css")';
</script>

Una vez agregado este fragmento en nuestra View, podremos utilizar a nuestro gusto la variable en nuestro fichero js ya que el motor Razor se habrá encargado de analizar el uso del helper y asignárselo a nuestra variable.