Uma forma é você definir essas strings no seu layout, por exemplo na tag <head>
:
<head>
<script>
var DISPLAY_OLA = "@Resources.DISPLAY_OLA";
</script>
</head>
Mas isso não é tão elegante. Então outra forma é você criar um script externo dinâmico, como explicado nesse link, que resumindo:
Você cria uma view Resources.js.cshtml
. Nessa view você cria todos os resources que você precisa, da mesma forma que mostrei acima. Depois referencia na tag script:
<script src="@Url.Action("ResourcesJS")"></script>
Assim, com as variáveis declaradas de forma global, você pode acessa-las em qualquer script. Muitas vezes não é recomendável usar variáveis globais, mas acho que nesse caso é útil. O que pode ser feito é criar os resources em um único objeto(que é como eu faço em um dos projetos onde trabalho):
var Lang = {
DISPLAY_OLA: "@Resources.DISPLAY_OLA"
};
Concentrando todos os resources no objeto global Lang
você tem apenas uma variável global.