ベストプラクティスのjavascriptと多言語

質問

javascriptでDOMを操作する多言語ウェブサイトのためのベストプラクティスは何ですか？私はjavascriptを使用してウェブサイトのいくつかの動的な部分を構築しています。私の最初の考えは、テキスト文字列とインデックスとしての言語コードで配列を使用することでした。これは良いアイデアですか？

どのように解決するのですか？

以前、多言語サイトを構築したとき (あまり大規模なものではなかったので、あまりうまくスケールしないかもしれません)、一連の "language" ファイルを保管しておきました。

• lang.en.js
• lang.it.js
• lang.fr.js

各ファイルは、基本的にキーワードから言語フレーズへのマップであるオブジェクトを宣言しています。

// lang.en.js
lang = {
    greeting : "Hello"
};

// lang.fr.js
lang = {
    greeting : "Bonjour"
};

これらのファイルの1つを動的にロードし、あとはマップからキーを参照するだけです。

document.onload = function() {
    alert(lang.greeting);
};

もちろん、これを行うには他の多くの方法があり、このスタイルをより良く行うには多くの方法があります。すべてを関数にカプセル化して、"辞書" から失われたフレーズを優雅に処理できるようにしたり、OOP を使用して全体を行い、ファイルの動的インクルードを管理させたり、おそらくあなたのために言語セレクターなどを表示したりもできるかもしれません。

var l = new Language('en');
l.get('greeting');