JavaScript-从字符串中创建多个未知参数并将其传递给函数

JavaScript - Create and Pass Multiple Amount of Unknown Arguments from a String to a Function

本文关键字:函数 参数 未知 字符串 创建 JavaScript-      更新时间:2024-04-11

我正在创建一个处理路由/哈希的JavaScript类。

我想知道是否有一种方法可以将window.location.hash字符串拆分为一组参数,然后传递给另一个函数。

示例散列:

var hash = "#some/place?id=42&&name=Brian";

当然,我可以拆分字符串并获得参数及其值,但我如何将这些参数传递给函数,类似于(给定前面的哈希)调用:

// ID, NAME
someFunction(42, "Brian");

我们必须考虑到,我们不知道将要处理的争论的确切数量。我们所知道的是,散列中的参数与函数期望的顺序相同;例如:在前面的例子中,我们的函数将首先接收:ID,然后是NAME,然后是我们传递的任何其他参数。

所以。。。

var hash = "#some/place?id=42&&name=Brian";
// ID, NAME
someFunction(42, "Brian");

或者。。。

var hash = "#some/place?id=42&&age=33&&name=Brian";
// ID, AGE, NAME
someFunction(42, 33, "Brian");

等等。。。

您可以在以下函数中捕获参数:

var x = function(){
x = arguments&&arguments[0];
y= arguments&&arguments[1];
console.log(x+y);
};
x(3,4);
7

您可以使用Function.protype.apply()方法为函数提供参数列表。第一个参数设置函数的"this"绑定,因此对于不在对象范围内操作的函数,可以将null作为第一个参数传递。

var hash = "#some/place?id=42&&age=33&&name=Brian";
var getParams = function(hash){
  var parameters = [ ["id=","&&age"],["age=","&&name"],["name=",null] ];
  return parameters.map(function(p){
    var re1 = new RegExp(p[0]);
    var re2 = p[1]? new RegExp(p[1]): null;
    var start = hash.match(re1)['index'] + p[0].length;
    var end = re2 ? hash.match(re2)["index"]: hash.length;
    return hash.slice(start,end);
  })
};
function interpreter(id,age,name,kwargs){
  console.log( "id: "+id + " age: "+ age+ " name: "+name+ " kwargs: "+ kwargs );
}
interpreter.apply( null, getParams(hash) ) ;