这段 JavaScript 代码安全吗？

Question

我在网上找到了以下JS。

它是一个获取 url 参数值的函数。

function get_url_param(param) {
  param = param.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+param+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec(window.location.href);
  if( results == null )
    return '';
  else
    return results[1];
}

然而，当我看到 exec() 函数时，我总是想：哎呀！

所以我的问题是：安全吗？

附带说明：如果您认为这个函数很糟糕并且有更好的选择，请毫不犹豫地分享:)

上面的函数使用真实的 url，但我只需要解析包含 URL 的字符串。

Answer 1

您在函数中看到的 .exec() 不是窗口的，而是 RegExp 对象的。

所以使用起来完全没问题。

Answer 2

我不会将 Regexp exec 与 eval 混淆。有点笨重，但应该可以用。

Answer 3

Regexp#exec 是安全的，尽管不是一个非常好的界面。

补充：如果您认为这个功能很糟糕并且有更好的选择，请毫不犹豫地分享:)

yeeep :-)

param = param.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");

这不使用 global 正则表达式，因此您只需替换一个实例每个括号； field[][] 不起作用。另外，您不需要字符组... param.replace(/\[/g, '\\[') 会起作用。或者，非正则表达式替换习惯用法，param.split('[').join('\\[')。

然后：

var regexS = "[\\?&]"+param+"=([^&#]*)";

您没有转义足够多的字符，无法将它们放入正则表达式中并让它们代表它们的字面意思。请参阅此问题以获取更可靠的替代方案。

无论如何，这种正则表达式黑客攻击仍然不是解析 URL/查询字符串的好方法。这不能正确处理 ; 或 %-编码，或 + 空格，并且可能会因 URL 中其他地方的参数相似而出错。

相反，我们首先获取查询字符串本身。如果您有链接或位置对象，则可以从 .search 属性获取它。如果您只有一个字符串 URL，则可以将其转换为链接对象以可靠地获取此内容：

function getQueryString(url) {
    var a= document.createElement('a');
    a.href= url;
    return a.search;
}

现在您可以通过删除前导 ? 并拆分 & 将其解析为> 或 ;，然后将 URL 解码的结果放入 JS 对象中：

function parseQuery(query) {
    var lookup= {};
    var params= query.slice(1).split(/[&;]/);
    for (var i= 0; i<params.length; i++) {
        var ix= params[i].indexOf('=');
        if (ix!==-1) {
            var name= decodeURIComponent(params[i].slice(0, ix));
            var value= decodeURIComponent(params[i].slice(ix+1));
            if (!(name in lookup))
                lookup[name]= [];
            lookup[name].push(value);
        }
    }
    return lookup;
}

这使得查找参数变得容易：

var url= 'http://www.example.com/?a=b&c=d&c=%65;f[]=g#h=i';
var pars= parseQuery(getQueryString(url));

alert(pars.a);      // ['b']
alert(pars.c);      // ['d', 'e']
alert(pars['f[]']); // ['g']
alert('h' in pars); // false

如果您不需要读取参数的多个值，您可以这样做lookup[name]= value 而不是if...[]...push 舞蹈，在查找中返回单个字符串值而不是列表。