Как обернуть функцию javascript динамическими аргументами?

Question

Я хотел бы, чтобы обернуть некоторые динамически создаваемые JavaScript функции, аналогичные принятым ответом Даниила здесь: How do I store javascript functions in a queue for them to be executed eventually

// Function wrapping code. 
// fn - reference to function. 
// context - what you want "this" to be. 
// params - array of parameters to pass to function. 
var wrapFunction = function(fn, context, params) { 
    return function() { 
     fn.apply(context, params); 
    }; 
} 

Разница в том, я хотел бы значения аргументов, чтобы быть динамичным во время исполнения - это можно передать ссылку на переменную в аргументах, которая может быть обновлена ​​после ее обертывания?

Вот что я хотел бы сделать:

// I have a function to be wrapped 
var sayStuff = function(a,b) { 
    console.log(a); 
    console.log(b); 
} 

// Variables I'd like to pass 
var randomNumberA = 0; 
var randomNumberB = 0; 

// Wrap the function 
var fun = wrapFunction(sayStuff, this, [*reference randomNumberA*,*reference randomNumberB*]); 

// variables get changed 
randomNumberA = Math.random()*100; 
randomNumberB = Math.random()*100; 

// Execute the function using current values of randomNumberA & randomNumberB 
fun(); 

Если возможно, я хотел бы сделать это без изменения sayStuff, у меня есть много существующих функций, как это я надеюсь обернуть, что также можно использовать вне оболочки, поэтому в идеале я бы не хотел заменять аргументы на объект. Надеюсь, что имеет смысл, спасибо!

Answer 1

Если динамические аргументы определяются в контексте аргумента, решение может быть основано передачи имени переменных, а затем, во время выполнения, вычислить его текущее значение:

var wrapFunction = function(fn, context) { 
 
    var xArg = arguments; 
 
    return function() { 
 
    var argsArray = []; 
 
    for (var i = 2; i < xArg.length; i++) { 
 
     argsArray.push(context[xArg[i]]); 
 
    } 
 
    fn.apply(context, argsArray); 
 
    }; 
 
} 
 

 
var sayStuff = function() { 
 
    for (var i = 0; i < arguments.length; i++) { 
 
    console.log('sayStuff func: ' + arguments[i]); 
 
    } 
 
} 
 

 
var randomNumber1 = 0; 
 
var randomNumber2 = 0; 
 

 
var fun = wrapFunction(sayStuff, this, 'randomNumber1', 'randomNumber2'); 
 

 
randomNumber1 = Math.random()*100; 
 
randomNumber2 = Math.random()*100; 
 

 
console.log('randomNumber1: ' + randomNumber1); 
 
console.log('randomNumber2: ' + randomNumber2); 
 

 
fun();

Answer 2

Если функция и переменная будет создана в том же объеме, вы можете просто использовать, что:

var randomNumber = 0; 
var fun = function(){ alert(randomNumber); } 

randomNumber = 10; 

// Now this will alert 10, because when fun is executed 
// JS looks in his scope to find what randomNumber is. 
fun(); 

Thi s происходит потому, что функции в javascript работают как Closures, они несут с собой свою среду. См. Так: https://en.wikipedia.org/wiki/Closure_(computer_programming)

Так что если randomNumber будет изменено вне области, в которой вы связываете эту функцию, вам нужно использовать объект, это связано с тем, что в javascript у нас нет указателей или ссылок на прохождение. Один из способов - использовать объект.

function giveMeAFunction(){ 
    var params = { randomNumber: 0 } 
    var fun = function(){ alert(scope.randomNumber); } 
    return {fun: fun, scope: scope}; 
} 

var paramsAndFun = giveMeAFunction() 
// Now you can change the variables in the scope and call the function 
paramsAndFun.params.randomNumber = 10; 
paramsAndFun.fun(); // Will alert 10 

// Now if you replace the entire params object it will not work 
// This is because you will replacing it with a new object while 
// The one that is referenced in the scope where fun was created is 
// the old one. 
paramsAndFun.params = { randomNumber: 15 }; 
paramsAndFun.fun(); // will still alert 10 

Теперь давайте перейдем к связующей части проблемы.

Функция Function.prototype.bind, которая поможет вам в этом.

Например:

var sayStuff = function(opts) { 
    alert(otions.randomNumber); 
} 

var options = { randomNumber: 0 }; 
var fun = sayStuff.bind(this, options); 

options.randomNumber = 10; 

fun(); // Will print 10 

Там будет много здесь происходит. Извините, если я все запутал.