JavaScript aufrufen Funktion Objektwerte mit als Parameter

Question

Ich habe ein Objekt:

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

Und ich habe eine Funktion:

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

Gibt es eine Möglichkeit, ich dynamisch die Funktion mit dem Objekt aufrufen kann, so dass obj ['foo'] als 'foo' Parameter übergeben wird und obj ['bar'] als 'bar' Parameter übergeben wird? Beachten Sie, dass ich die tatsächlichen Namen der Schlüssel und Werte oder die Funktionsargumentnamen möglicherweise nicht kenne, die angegebenen sind nur ein Beispiel, so dass f.call(this, obj['bar'], obj['foo']); nicht funktioniert.

Answer 1

Sicher, in ES6

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

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

 

 
f(obj)

Answer 2

könnten Sie prüfen, ob zur Verfügung gestellt Argument Objekt und verwenden Sie dann Destrukturierung

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 3

Sie könnten das Objekt zur Funktion bind.

Die bind() Methode erzeugt eine neue Funktion, die, wenn sie aufgerufen wird, dessen this Schlüsselwort an den vorgesehenen Wert eingestellt hat, mit einer gegebenen Sequenz von Argumenten jeder vorhergehenden bereitgestellt, wenn die neue Funktion aufgerufen wird.

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

 
f('foo');

Answer 4

Basierend auf deceze Kommentar schaffte ich es mit einer Lösung zu kommen. Ich bin mir nicht ganz sicher, wie schnell es ist, aber es macht den Job erledigt. Verbesserungen sind willkommen! Danke für die Hilfe von allen.

habe ich diese Funktion von this answer:

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

und machte folgende:

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 5

Sie können eine Funktion schreiben, die Ihre Funktion wickeln und neue Funktion verwenden, anstatt zu bekommen, was Sie wollen .

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