Tableau Javascript de Fonctions

var array_of_functions = [
    first_function('a string'),
    second_function('a string'),
    third_function('a string'),
    forth_function('a string')
]

array_of_functions[0];

Qui ne fonctionne pas comme prévu, car chaque fonction dans le tableau est exécuté lorsque le tableau est créé.

Quelle est la bonne façon d'exécuter n'importe quelle fonction dans le tableau en faisant:

array_of_functions[0];  //or, array_of_functions[1] etc.

Merci!

Ne 'a string' doivent être connus au moment où le tableau est rempli, ou peut l'appelant de la fonction de le transmettre?
J'aimerais obtenir plus de détails sur ce que vous essayez d'accomplir, parce qu'il pourrait y avoir une meilleure façon de gérer cela.
"Tableau des Fonctions" ou, comme nous aimons l'appeler un objet avec des méthodes
Ne pensez-vous pas que vous devriez donner plus de détails? Il pourrait y avoir une meilleure façon de gérer cela..

InformationsquelleAutor Nick | 2011-02-05

217
```
var array_of_functions = [
    first_function,
    second_function,
    third_function,
    forth_function
]
```
et puis quand vous voulez exécuter une fonction donnée dans le tableau:
```
array_of_functions[0]('a string');
```
- Astuce: n'oubliez pas de mettre () après array_of_functions[0], même si elle est vide. Je passe comme 20min juste pour savoir "pourquoi ça ne marche pas'.
- Travaillé comme un charme!
InformationsquelleAutor Darin Dimitrov
100

Je pense que c'est ce que l'affiche originale destinée à accomplir:
```
var array_of_functions = [
    function() { first_function('a string') },
    function() { second_function('a string') },
    function() { third_function('a string') },
    function() { fourth_function('a string') }
]

for (i = 0; i < array_of_functions.length; i++) {
    array_of_functions[i]();
}
```
J'espère que cela aidera d'autres (comme moi 20 minutes il y a 🙂 à la recherche de tout indice sur la façon d'appeler les fonctions JS dans un tableau.
- C'est juste ce dont j'avais besoin, car il me permet de modifier le paramètre d'appels, en supposant que mes fonctions ne sont pas tous de prendre les mêmes paramètres 😛
InformationsquelleAutor pjcabrera
22

Sans plus de détails de ce que vous essayez d'accomplir, nous sommes un peu dans le doute. Mais vous pourriez être en mesure de s'en tirer avec l'aide de l'objet de la notation de faire quelque chose comme ça...
```
var myFuncs = {
  firstFunc: function(string) {
    //do something
  },

  secondFunc: function(string) {
    //do something
  },

  thirdFunc: function(string) {
    //do something
  }
}
```
et d'appeler l'un d'entre eux...
```
myFuncs.firstFunc('a string')
```
- Je pense que c'est le développeur de l'environnement car nous n'avons pas besoin de rappeler l'indice de la fonction. Et aussi, Si nous voulons pousser une fonction à l'indice spécifique, ça provoque le changement de l'indice de toutes les fonctions à côté d'elle. Afin de mieux utiliser ce
InformationsquelleAutor Jeff

Ou tout simplement:

var myFuncs = {
  firstFun: function(string) {
    //do something
  },

  secondFunc: function(string) {
    //do something
  },

  thirdFunc: function(string) {
    //do something
  }
}

InformationsquelleAutor Robin

Je voudrais compléter ce fil en postant un moyen plus facile pour exécuter diverses fonctions au sein d'un Tableau à l'aide de la shift() méthode Javascript initialement décrite ici

  var a = function(){ console.log("this is function: a") }
  var b = function(){ console.log("this is function: b") }
  var c = function(){ console.log("this is function: c") }

  var foo = [a,b,c];

  while (foo.length){
     foo.shift().call();
  }

InformationsquelleAutor Gus

6

C'est essentiellement le même que Darin Dimitrov's mais elle montre comment vous pouvez l'utiliser n'dynamiquement créer et de stocker des fonctions et des arguments.
J'espère que c'est utile pour vous 🙂

JS:
```
var argsContainer = ['hello', 'you', 'there'];
var functionsContainer = [];

for (var i = 0; i < argsContainer.length; i++) {
var currentArg = argsContainer[i]; 

  functionsContainer.push(function(currentArg){
    console.log(currentArg);
  });
};

for (var i = 0; i < functionsContainer.length; i++) {
  functionsContainer[i](argsContainer[i]);
}
```
- C'est bien pour ajouter votre réponse, peu importe combien d'autres y sont. Mais il est préférable d'ajouter une explication, ce qui est différent/mieux que les autres
InformationsquelleAutor Mensur Grišević

ci-dessus, nous avons vu certains avec des itérations. Nous allons faire la même chose en utilisant forEach:

var funcs = [function () {
        console.log(1)
  },
  function () {
        console.log(2)
  }
];

funcs.forEach(function (func) {
  func(); //outputs  1, then 2
});
//for (i = 0; i < funcs.length; i++) funcs[i]();

InformationsquelleAutor mlhazan

1

C'est correct
```
var array_of_functions = {
            "all": function(flag) { 
                console.log(1+flag); 
              },
                "cic": function(flag) { 
                console.log(13+flag); 
              }                     
        };

array_of_functions.all(27);
array_of_functions.cic(7);
```
- Êtes-vous sûr que c'est la question qui vous envie de répondre sur? Il n'est pas lié.
- En fait, il est. Remplacer la réponse du opera avec array_of_functions et vous avez eu la même chose. Comment est-il maintenant?
- merci, maintenant j'ai une idée de poster le code, c'est ma première réponse.
- Mais l'OP avait un tableau, alors que c'est un objet (avec odd noms de propriété)? Et quelles sont les nouveautés de cette réponse, pourquoi ne pas simplement upvote pjcabrera ou Robin est une?
- Robin écriture undefined élément firstFunc;.... PAS CORRECT, puis "firstFunc";"secondFunc";....
- confondant le nom de la variable. Ce n'est pas un tableau de fonctions, mais un objet de fonctions
InformationsquelleAutor Leonardo Ciaccio

Si vous êtes en train de faire quelque chose comme essayer de passer dynamiquement des rappels vous pouvez passer d'un objet unique, comme un argument. Cela vous donne beaucoup plus de contrôle sur les fonctions auxquelles vous souhaitez vous exécutez avec n'importe quel paramètre.

function func_one(arg) {
    console.log(arg)
};

function func_two(arg) {
    console.log(arg+' make this different')
};

var obj = {
    callbacks: [func_one, func_two],
    params: ["something", "something else"];
};

function doSomething(obj) {
    var n = obj.counter
    for (n; n < (obj.callbacks.length - obj.len); n++) {
        obj.callbacks[n](obj.params[n]);
    }
};

obj.counter = 0;
obj.len = 0;
doSomething(obj); 

//something
//something else make this different

obj.counter = 1;
obj.len = 0;
doSomething(obj);

//something else make this different

InformationsquelleAutor Daniel Lizik

Peut-être il peut vous aide à quelqu'un.

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.manager = {
curHandler: 0,
handlers  : []
};
manager.run = function (n) {
this.handlers[this.curHandler](n);
};
manager.changeHandler = function (n) {
if (n >= this.handlers.length || n < 0) {
throw new Error('n must be from 0 to ' + (this.handlers.length - 1), n);
}
this.curHandler = n;
};
var a = function (n) {
console.log("Handler a. Argument value is " + n);
};
var b = function (n) {
console.log("Handler b. Argument value is " + n);
};
var c = function foo(n) {
for (var i=0; i<n; i++) {
console.log(i);
}
};
manager.handlers.push(a);
manager.handlers.push(b);
manager.handlers.push(c);
</script>
</head>
<body>
<input type="button" onclick="window.manager.run(2)" value="Run handler with parameter 2">
<input type="button" onclick="window.manager.run(4)" value="Run handler with parameter 4">
<p>
<div>
<select name="featured" size="1" id="item1">
<option value="0">First handler</option>
<option value="1">Second handler</option>
<option value="2">Third handler</option>
</select>
<input type="button" onclick="manager.changeHandler(document.getElementById('item1').value);" value="Change handler">
</div>
</p>
</body>
</html>

InformationsquelleAutor Hopkroft

Un court chemin pour exécuter 'em all:

[first_function, ..., nth_function].forEach (function(f) {
f('a string');
});

InformationsquelleAutor Danyal Aytekin

0

le probleme de ce type de fonction ne sont pas dans la "matrice de la forme", mais dans la manière dont ces fonctions sont appelées... alors...
essayez cette.. avec un simple eval()...
```
array_of_function = ["fx1()","fx2()","fx3()",.."fxN()"]
var zzz=[];
for (var i=0; i<array_of_function.length; i++)
{ var zzz += eval( array_of_function[i] ); }
```
il œuvre ici, où rien n'supérieure était en train de faire le travail à la maison...
il espère qu'il va aider à
- Pourriez-vous expliquer pourquoi les autres réponses ne fonctionnent pas pour vous, et pourquoi vôtre? Merci!!!!
- il retourne jamais me erors, fonction non définie, ou qu'ils sont précisément pas evalued par javascript... (pourquoi je ne sais pas, mais cela a résolu mon problème)
- Terrible des conseils. stackoverflow.com/questions/86513/...
- oui, terrible, comme toujours, mais le coup de la solution, et assez facile à utiliser surtout si c'est loin d'être une "entrée"... ici, il vient de résoudre un intérieur javascript impossibilité dans un court chemin...
InformationsquelleAutor Quetzal

À L'Aide De La Fonction.le prototype.bind()

var array_of_functions = [
first_function.bind(null,'a string'),
second_function.bind(null,'a string'),
third_function.bind(null,'a string'),
forth_function.bind(null,'a string')
]

InformationsquelleAutor YakuZa

L'exécution de nombreuses fonctions à travers l'ES6 rappel

JS:

const f = (funs) => {
funs().forEach((fun) => fun)
}
f(() => [
console.log(1),
console.log(2),
console.log(3)
])

InformationsquelleAutor Thomas Gotwig

0

J'ai beaucoup de problèmes en essayant de résoudre celui-ci... essayé ce qui est évident, mais n'a pas de travail. Il vient ajouter une fonction vide en quelque sorte.
```
array_of_functions.push(function() { first_function('a string') });
```
Je l'ai résolu en utilisant un tableau de chaînes de caractères, et plus tard avec eval:
```
array_of_functions.push("first_function('a string')");
for (var Func of array_of_functions) {
eval(Func);
}
```
InformationsquelleAutor Nezumi

-1

vous avez obtenu quelques réponses ci-dessus. C'est juste une autre version.

var dictFun = {
FunOne: function(string) {
console.log("first function");
},
FuncTwo: function(string) {
console.log("second function");
},
FuncThree: function(string) {
console.log("third function");
}

}

La question était d'un array de fonctions, pas un objet.

InformationsquelleAutor pallimula stackoverflow

-4

/* PlanetGreeter */
class PlanetGreeter {
hello   : { () : void; } [] = [];
planet_1 : string = "World";
planet_2 : string = "Mars";
planet_3 : string = "Venus";
planet_4 : string = "Uranus";
planet_5 : string = "Pluto";
constructor() {
this.hello.push( () => { this.greet(this.planet_1); } );
this.hello.push( () => { this.greet(this.planet_2); } );
this.hello.push( () => { this.greet(this.planet_3); } );
this.hello.push( () => { this.greet(this.planet_4); } );
this.hello.push( () => { this.greet(this.planet_5); } );
} 
greet(a: string) : void { alert("Hello " + a); }
greetRandomPlanet() : void { 
this.hello [ Math.floor( 5 * Math.random() ) ] (); 
} 
} 
new PlanetGreeter().greetRandomPlanet();

InformationsquelleAutor user37057

Vous devez vous connecter pour publier un commentaire.