将JavaScript字符串定位在PHP MVC框架中

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

本文将演示如何在PHP框架中高效地本地化JavaScript字符串。您可以从此处下载本教程的工作实现。

有多种方法可以在PHP环境中本地化JavaScript字符串。从技术上讲，可以复制JavaScript文件，并根据目标语言命名，并在用户每次在网站上选择新语言时加载所需版本。但这肯定是一种很难称之为最佳实践的方法，即使它“有效”。

这种方法的主要缺点是，每次需要修改JavaScript代码时，都必须对每种语言执行修改。这不仅容易出错，还会增加不必要的工作量。

还有一种方法是直接通过嵌入在JavaScript代码中的PHP变量来调用文字字符串，但这取决于您的框架架构，并不总是可用的选项。

因此，我将向您展示一种肯定有效且易于维护的方法。

请记住，您可以从此处下载一个可运行的示例。

让我们开始吧……

在本教程附带的示例中，我设置了一个按钮，该按钮触发名为trigger_msg()的JavaScript函数：

echo '';

trigger_msg()函数位于/public/JS/main.js：

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

• 我们调用位于/languages/translate.js中的translate()函数，并将包含在名为LOCALIZATION的数组中的所需元素的名称作为参数传递。
• 我们使用语法translate(name_of_language_array.name_of_element, extra_parameter1, extra_paramater2, etc…)，只使用逗号分隔额外的参数。
• 如果参数用引号括起来，则参数当然可以是文字。

在我们更深入地研究translate()函数之前，以下是位于/languages/current_language/JS/current_language.js中的LOCALIZATION数组的样子：

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'
  };

在我们的数组元素定义中，您可以看到使用了“%s”，这是我们用来保存额外参数的表达式。不过，我们稍后再讨论这一点。 请注意，如果您使用自定义对话框，则可以在数组元素定义中插入HTML样式标签，例如等，它会很好地工作。

现在是时候关注我们的translate()函数了：

(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('');
      }
    };
  })();

下面的这个函数构成了我们的JavaScript本地化方案的核心。

基本上，在名为string的变量中，我们存储从trigger_msg()函数捕获的参数，在第一个for循环中解析它们，使用名为reg的变量中保存的正则表达式过滤它们，并将结果部分推送到名为parts[]的数组中。然后，我们将这些部分重新组合到名为html[]的数组中，我们的函数将返回该数组。

名为reg的变量保存一个简单的正则表达式'/%s/'，%s是我们如上所述选择的用于定义参数的语法。

/public/JS/main.js中的trigger_msg_with_params()函数展示了如何在本地化字符串时使用参数。实际上，在系统中，有时需要翻译的文字字符串可能包含取决于用户输入的值，此函数通过允许不那么频繁地重用代码而变得非常有用：

echo '';

您可以看到每个定义的参数，例如var param1，也可能是传递给函数调用的参数。定义的参数也可以是translate()函数的实际调用。所有这些，再次证明非常有用。

这就是全部内容。此系统代表了一种高效且可靠的方式来跨您的PHP框架翻译您的JavaScript字符串，并允许高度的灵活性。

欢迎您留下您的评论或问题。敬请关注更多教程。

修改说明：对原文进行了语句调整和词汇替换，使之更流畅自然，并保持了原文意思不变。 同时修复了代码片段中一个潜在的IE浏览器兼容性问题 ( m[0][0] 可能在IE中返回 undefined )。 其余图片保持不变。

以上是将JavaScript字符串定位在PHP MVC框架中的详细内容。更多信息请关注PHP中文网其他相关文章！