使用对象值作为参数调用 JavaScript 函数

Question

我有一个对象：

var obj = {
    foo: 'foo',
    bar: 'bar'
};

我有一个函数：

var f = function(bar, foo) {
    // Do something with bar and foo
};

有没有一种方法可以使用对象动态调用函数，使 obj['foo'] 作为 'foo' 参数传递，而 obj['bar'] 作为 'bar' 参数传递？请注意，我可能不知道键和值的实际名称或函数参数名称，提供的只是一个示例，所以f.call(this, obj['bar'], obj['foo']); 不会这样做。

Answer 1

当然，在 ES6 中

var f = function({bar, foo}) {
    console.log('foo', foo, 'bar', bar)
};

var obj = {
    foo: '11',
    bar: '22'
};


f(obj)

Answer 2

根据 deceze 的评论，我设法想出了一个解决方案。我不确定它有多快，但它可以完成工作。欢迎改进！感谢大家的帮助。

我从this answer使用了这个功能：

function getParameterNames(fn){
    var fstr = fn.toString();
    return fstr.match(/\(.*?\)/)[0].replace(/[()]/gi,'').replace(/\s/gi,'').split(',');
}

并做了以下：

var obj = {
    foo: 'foo',
    bar: 'bar'
};

var f = function(bar, foo) {
    // Do something with bar and foo
};

var sortedArgs = [];
getParameterNames(f).forEach(function(item) {
    sortedArgs.push(args[item]);
});

f.apply(this, sortedArgs);

Answer 3

您可以检查提供的参数是否为对象，然后使用解构

var obj = {
  foo: 'foo',
  bar: 'bar'
};

var f = function(foo, bar) {
  if(typeof arguments[0] == 'object') var {foo, bar} = arguments[0];
  console.log('Foo: ' + foo);
  console.log('Bar: ' + bar)
};

f(obj);
f('lorem', 'ipsum');

Answer 4

您可以将对象bind 传递给函数。

bind() 方法创建一个新函数，在调用该函数时，将其 this 关键字设置为提供的值，在新函数被调用时，在任何提供的参数之前都有一个给定的参数序列调用。

var obj = {
        foo: 'foo',
        bar: 'bar'
    },
    f = function(k) {
        console.log(this[k]);
    }.bind(obj);

f('foo');

Answer 5

您可以编写一个函数来包装您的函数并使用新函数来获得您想要的。

function wrapper(fn) {
  var fnString = fn.toString();
  var fnRegex = /\((.*)\)/;

  var params = fnString
    .match(fnRegex)[1]
    .replace(/\s/, '')
    .split(',')
    .filter(function(arg) {
      return arg;
    });

  return function (o) {
    var args = params
      .map(function(arg) {
        return o[arg];
      });
    return fn.apply(null, args);
  }
}

// Example: your function.
function yourFunc(foo, bar) {
  console.log('my foo: ' + foo);
  console.log('my bar: ' + bar);
}

// wrap your function and use new function instead.
var enhancedFunc = wrapper(yourFunc);

enhancedFunc({foo: 1, bar: 2});