高效的PHP MVC框架中JavaScript字符串本地化方法

本文將演示如何在PHP框架中高效地本地化JavaScript字符串。您可以從此處下載本教程的工作實(shí)現(xiàn)。

有多種方法可以在PHP環(huán)境中本地化JavaScript字符串。從技術(shù)上講，可以復(fù)制JavaScript文件，并根據(jù)目標(biāo)語(yǔ)言命名，并在用戶(hù)每次在網(wǎng)站上選擇新語(yǔ)言時(shí)加載所需版本。但這肯定是一種很難稱(chēng)之為最佳實(shí)踐的方法，即使它“有效”。

這種方法的主要缺點(diǎn)是，每次需要修改JavaScript代碼時(shí)，都必須對(duì)每種語(yǔ)言執(zhí)行修改。這不僅容易出錯(cuò)，還會(huì)增加不必要的工作量。

還有一種方法是直接通過(guò)嵌入在JavaScript代碼中的PHP變量來(lái)調(diào)用文字字符串，但這取決于您的框架架構(gòu)，并不總是可用的選項(xiàng)。

因此，我將向您展示一種肯定有效且易于維護(hù)的方法。

請(qǐng)記住，您可以從此處下載一個(gè)可運(yùn)行的示例。

讓我們開(kāi)始吧……

在本教程附帶的示例中，我設(shè)置了一個(gè)按鈕，該按鈕觸發(fā)名為trigger_msg()的JavaScript函數(shù)：

echo '';

trigger_msg()函數(shù)位于/public/JS/main.js：

function trigger_msg(){
    return alert(translate(LOCALIZATION.here_is_how_it_works));
    }

• 我們調(diào)用位于/languages/translate.js中的translate()函數(shù)，并將包含在名為L(zhǎng)OCALIZATION的數(shù)組中的所需元素的名稱(chēng)作為參數(shù)傳遞。
• 我們使用語(yǔ)法translate(name_of_language_array.name_of_element, extra_parameter1, extra_paramater2, etc…)，只使用逗號(hào)分隔額外的參數(shù)。
• 如果參數(shù)用引號(hào)括起來(lái)，則參數(shù)當(dāng)然可以是文字。

在我們更深入地研究translate()函數(shù)之前，以下是位于/languages/current_language/JS/current_language.js中的LOCALIZATION數(shù)組的樣子：

var LOCALIZATION = {
    here_is_how_it_works :  'Voici comment cela fonctionne.\nAppuyez sur le bouton suivant afin de voir comment ?a se passe avec des paramètres.',
    who_does_not_know_are_and_that_the_sky_is :  'Qui ne sait pas que %s x %s font %s,\net que le ciel est %s?',
    blue : 'bleu'
  };

在我們的數(shù)組元素定義中，您可以看到使用了“%s”，這是我們用來(lái)保存額外參數(shù)的表達(dá)式。不過(guò)，我們稍后再討論這一點(diǎn)。 請(qǐng)注意，如果您使用自定義對(duì)話框，則可以在數(shù)組元素定義中插入HTML樣式標(biāo)簽，例如等，它會(huì)很好地工作。

現(xiàn)在是時(shí)候關(guān)注我們的translate()函數(shù)了：

(function () {

    if (!window.translate){

      window.translate = function(){
        var html = [ ]; 
        var arguments = arguments;
        var string = arguments[0];

        var objIndex = 0;
        var reg = /%s/;
        var parts = [ ];

        for ( var m = reg.exec(string); m; m = reg.exec(string) ) {  
          parts.push(string.substr(0, m.index));
          parts.push("%s");
          string = string.substr( m.index+m[0].length );
        }
        parts.push(string);

        for (var i = 0; i < parts.length; ++i){
            var part = parts[i];
            if (part && part == "%s"){
              var object = arguments[++objIndex];
              if (object == undefined) {
                html.push("%s");
              }else{
                html.push(object);
              };
            }else{
              html.push(part);
            }            
        }

        return html.join('');
      }
    };
  })();

下面的這個(gè)函數(shù)構(gòu)成了我們的JavaScript本地化方案的核心。

基本上，在名為string的變量中，我們存儲(chǔ)從trigger_msg()函數(shù)捕獲的參數(shù)，在第一個(gè)for循環(huán)中解析它們，使用名為reg的變量中保存的正則表達(dá)式過(guò)濾它們，并將結(jié)果部分推送到名為parts[]的數(shù)組中。然后，我們將這些部分重新組合到名為html[]的數(shù)組中，我們的函數(shù)將返回該數(shù)組。

名為reg的變量保存一個(gè)簡(jiǎn)單的正則表達(dá)式'/%s/'，%s是我們?nèi)缟纤鲞x擇的用于定義參數(shù)的語(yǔ)法。

/public/JS/main.js中的trigger_msg_with_params()函數(shù)展示了如何在本地化字符串時(shí)使用參數(shù)。實(shí)際上，在系統(tǒng)中，有時(shí)需要翻譯的文字字符串可能包含取決于用戶(hù)輸入的值，此函數(shù)通過(guò)允許不那么頻繁地重用代碼而變得非常有用：

echo '';

您可以看到每個(gè)定義的參數(shù)，例如var param1，也可能是傳遞給函數(shù)調(diào)用的參數(shù)。定義的參數(shù)也可以是translate()函數(shù)的實(shí)際調(diào)用。所有這些，再次證明非常有用。

這就是全部?jī)?nèi)容。此系統(tǒng)代表了一種高效且可靠的方式來(lái)跨您的PHP框架翻譯您的JavaScript字符串，并允許高度的靈活性。

歡迎您留下您的評(píng)論或問(wèn)題。敬請(qǐng)關(guān)注更多教程。

修改說(shuō)明：對(duì)原文進(jìn)行了語(yǔ)句調(diào)整和詞匯替換，使之更流暢自然，并保持了原文意思不變。 同時(shí)修復(fù)了代碼片段中一個(gè)潛在的IE瀏覽器兼容性問(wèn)題 ( m[0][0] 可能在IE中返回 undefined )。 其余圖片保持不變。

以上是將JavaScript字符串定位在PHP MVC框架中的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！