blocks|key|902366|text|var+array_of_functions+=+[
++++first_function,
++++second_function,
++++third_function,
++++forth_function
]|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|902367|然后，当您想要执行数组中的给定函数时：|unstyled|902368|array_of_functions[0]('a+string');|902369|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>var array_of_functions = [
 first_function,
 second_function,
 third_function,
 forth_function
]
</code></pre>

and then when you want to execute a given function in the array:

<pre><code>array_of_functions[0]('a string');
</code></pre>

blocks|key|902431|text|我认为这就是最初的海报想要实现的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|902432|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%2B%2B)+{
++++array_of_functions[i]();
}|code-block|syntax|javascript|902433|希望这能帮助其他人(像我20分钟前:-)寻找任何关于如何在数组中调用JS函数的提示。|902434|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I think this is what the original poster meant to accomplish:

<pre><code>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 &lt; array_of_functions.length; i++) {
 array_of_functions[i]();
}
</code></pre>

Hopefully this will help others (like me 20 minutes ago :-) looking for any hint about how to call JS functions in an array.

blocks|key|4569621|text|在没有更多细节的情况下，我们只是在猜测。但是你也许可以使用对象表示法来做这样的事情...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4569622|var+myFuncs+=+{
++firstFunc:+function(string)+{
++++//+do+something
++},

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

++thirdFunc:+function(string)+{
++++//+do+something
++}
}|code-block|syntax|javascript|4569623|把他们中的一个叫做...|4569624|myFuncs.firstFunc('a+string')|4569625|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Without more detail of what you are trying to accomplish, we are kinda guessing. But you might be able to get away with using object notation to do something like this...

<pre><code>var myFuncs = {
 firstFunc: function(string) {
 // do something
 },

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

 thirdFunc: function(string) {
 // do something
 }
}
</code></pre>

and to call one of them...

<pre><code>myFuncs.firstFunc('a string')
</code></pre>

blocks|key|2969945|text|我将通过使用shift()+Javascript方法originally+described+here在数组中执行各种函数的一种更简单的方法来补充这个主题|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2969946|++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();
++}|code-block|syntax|javascript|2969947|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.kevinchisholm.com/javascript/executing-javascript-functions-using-shift/^0|6|7|Q|P|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

I would complement this thread by posting an easier way to execute various functions within an Array using the <code>shift()</code> Javascript method <a href="http://blog.kevinchisholm.com/javascript/executing-javascript-functions-using-shift/" rel="noreferrer">originally described here</a>

<pre><code> 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();
 }
</code></pre>

blocks|key|4569630|text|或者只是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4569631|var+myFuncs+=+{
++firstFun:+function(string)+{
++++//+do+something
++},

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

++thirdFunc:+function(string)+{
++++//+do+something
++}
}|code-block|syntax|javascript|4569632|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Or just:

<pre><code>var myFuncs = {
 firstFun: function(string) {
 // do something
 },

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

 thirdFunc: function(string) {
 // do something
 }
}
</code></pre>

blocks|key|4569847|text|它基本上与Darin+Dimitrov's相同，但它展示了如何使用它，动态地创建和存储函数和参数。我希望它对您有用:)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4569848|​|4569849|var+argsContainer+=+['hello',+'you',+'there'];
var+functionsContainer+=+[];

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

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

for+(var+i+=+0;+i+<+functionsContainer.length;+i%2B%2B)+{
++functionsContainer[i](argsContainer[i]);
}|code-block|syntax|javascript|4569850|4569851|entityMap^0|5|G|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|T|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|O|$]]

It's basically the same as <code>Darin Dimitrov's</code> but it shows how you could use it do dynamically create and store functions and arguments.
I hope it's useful for you :)

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var argsContainer = ['hello', 'you', 'there'];
var functionsContainer = [];

for (var i = 0; i &lt; argsContainer.length; i++) {
var currentArg = argsContainer[i]; 

 functionsContainer.push(function(currentArg){
 console.log(currentArg);
 });
};

for (var i = 0; i &lt; functionsContainer.length; i++) {
 functionsContainer[i](argsContainer[i]);
}</code></pre>
</div>
</div>

blocks|key|902779|text|在上面，我们看到了一些迭代。让我们使用forEach做同样的事情：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|902780|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%2B%2B)+funcs[i]();|code-block|syntax|javascript|902781|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

up above we saw some with iteration. Let's do the same thing using forEach:

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

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

blocks|key|1801167|text|天啊，有这么多奇怪的答案……|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1801168|const+execute+=+(fn)+=>+fn()
const+arrayOfFunctions+=+[fn1,+fn2,+fn3]

const+results+=+arrayOfFunctions.map(execute)

or+if+you+want+to+sequentially+feed+each+functions+result+to+the+next:
compose(fn3,+fn2,+fn1)|code-block|syntax|javascript|1801169|默认情况下不支持compose，但是有一些库提供了这个工具，比如ramda、lodash甚至redux|offset|length|style|CODE|1801170|entityMap^0|0|0|8|7|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Ah man there are so many weird answers...
<pre><code>const execute = (fn) =&gt; fn()
const arrayOfFunctions = [fn1, fn2, fn3]

const results = arrayOfFunctions.map(execute)

or if you want to sequentially feed each functions result to the next:
compose(fn3, fn2, fn1)
</code></pre>
<code>compose</code> is not supported by default, but there are libraries like ramda, lodash, or even redux which provide this tool

blocks|key|2969900|text|这是正确的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2969901|var+array_of_functions+=+{
++++++++++++"all":+function(flag)+{+
++++++++++++++++console.log(1%2Bflag);+
++++++++++++++},
++++++++++++++++"cic":+function(flag)+{+
++++++++++++++++console.log(13%2Bflag);+
++++++++++++++}+++++++++++++++++++++
++++++++};

array_of_functions.all(27);
array_of_functions.cic(7);|code-block|syntax|javascript|2969902|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This is correct

<pre><code>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);
</code></pre>

blocks|key|4569914|text|如果您正在尝试动态传递回调，则可以将单个对象作为参数进行传递。这使您可以更好地控制您希望使用任何参数执行哪些函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4569915|function+func_one(arg)+{
++++console.log(arg)
};

function+func_two(arg)+{
++++console.log(arg%2B'+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%2B%2B)+{
++++++++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|code-block|syntax|javascript|4569916|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you're doing something like trying to dynamically pass callbacks you could pass a single object as an argument. This gives you much greater control over which functions you want to you execute with any parameter.

<pre><code>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 &lt; (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
</code></pre>

blocks|key|4570007|text|通过ES6回调执行许多函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4570008|​|4570009|const+f+=+(funs)+=>+{
++funs().forEach((fun)+=>+fun)
}

f(()+=>+[
++console.log(1),
++console.log(2),
++console.log(3)
])|code-block|syntax|javascript|4570010|4570011|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|K|$]]

Execution of many functions through an ES6 callback 

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const f = (funs) =&gt; {
 funs().forEach((fun) =&gt; fun)
}

f(() =&gt; [
 console.log(1),
 console.log(2),
 console.log(3)
])</code></pre>
</div>
</div>

blocks|key|2970020|text|也许这对某些人有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2970021|<!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+%7C%7C+n+<+0)+{
+++++++++++++++++throw+new+Error('n+must+be+from+0+to+'+%2B+(this.handlers.length+-+1),+n);
+++++++++++++}
+++++++++++++this.curHandler+=+n;
+++++++++};
+++++++++
+++++++++var+a+=+function+(n)+{
+++++++++++++console.log("Handler+a.+Argument+value+is+"+%2B+n);
+++++++++};
+++++++++
+++++++++var+b+=+function+(n)+{
+++++++++++++console.log("Handler+b.+Argument+value+is+"+%2B+n);
+++++++++};
+++++++++
+++++++++var+c+=+function+foo(n)+{
+++++++++++++for+(var+i=0;+i<n;+i%2B%2B)+{
+++++++++++++++++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">
++++++
++++++<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>
++++++
+++</body>
</html>|code-block|syntax|javascript|2970022|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

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

blocks|key|4569922|text|一个简单的方法来运行它们：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4569923|[first_function,+...,+nth_function].forEach+(function(f)+{
++++f('a+string');
});+|code-block|syntax|javascript|4569924|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

A short way to run 'em all:

<pre><code>[first_function, ..., nth_function].forEach (function(f) {
 f('a string');
}); 
</code></pre>

blocks|key|902711|text|这些函数数组问题不是“数组形式”，而是这些函数被调用的方式……然后..。试试这个..。使用一个简单的eval()...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|902712|array_of_function+=+["fx1()","fx2()","fx3()",.."fxN()"]
var+zzz=[];
for+(var+i=0;+i<array_of_function.length;+i%2B%2B)
+++++{+var+zzz+%2B=+eval(+array_of_function[i]+);+}|code-block|syntax|javascript|902713|它在这里工作，在家里没有上级在做工作...希望它能有所帮助|902714|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

the probleme of these array of function are not in the "array form" but in the way these functions are called... then... 
try this.. with a simple eval()...

<pre><code>array_of_function = ["fx1()","fx2()","fx3()",.."fxN()"]
var zzz=[];
for (var i=0; i&lt;array_of_function.length; i++)
 { var zzz += eval( array_of_function[i] ); }
</code></pre>

it work's here, where nothing upper was doing the job at home... 
hopes it will help

blocks|key|1803930|text|使用Function.prototype.bind()|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1803931|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')
++++]|code-block|syntax|javascript|1803932|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Using Function.prototype.bind()

<pre><code>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')
 ]
</code></pre>

blocks|key|4570064|text|我有很多问题想要解决这个问题...尝试了显而易见的方法，但不起作用。它只是以某种方式附加了一个空函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4570065|array_of_functions.push(function()+{+first_function('a+string')+});|code-block|syntax|javascript|4570066|我通过使用字符串数组来解决它，后来使用eval：|4570067|array_of_functions.push("first_function('a+string')");

for+(var+Func+of+array_of_functions)+{
+++eval(Func);
+++}|4570068|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I have many problems trying to solve this one... tried the obvious, but did not work. It just append an empty function somehow.

<pre><code>array_of_functions.push(function() { first_function('a string') });
</code></pre>

I solved it by using an array of strings, and later with eval:

<pre><code>array_of_functions.push("first_function('a string')");

for (var Func of array_of_functions) {
 eval(Func);
 }
</code></pre>

blocks|key|2970350|text|使用HTML语法，如果您需要一个类似“管道”的过程，您可以通过一系列函数(在我的例子中，是一个ES6抽象语法树)传递相同的对象，您可以使用for...of来调用给定数组中的每个管道函数：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2970351|const+setMainElement+=+require("./set-main-element.js")
const+cacheImages+=+require("./cache-images.js")
const+removeElements+=+require("./remove-elements.js")

let+htmlAst+=+{}

const+pipeline+=+[
++++setMainElement,
++++cacheImages,
++++removeElements,
++++(htmlAst)+=>+{
++++++++//+Using+a+dynamic+closure.
++++},
]

for+(const+pipe+of+pipeline)+{
++++pipe(htmlAst)
}|code-block|syntax|javascript|2970352|entityMap^0|1X|8|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Using ES6 syntax, if you need a &quot;pipeline&quot; like process where you pass the same object through a series of functions (in my case, a HTML abstract syntax tree), you can use <code>for...of</code> to call each pipe function in a given array:
<pre class="lang-js prettyprint-override"><code>const setMainElement = require(&quot;./set-main-element.js&quot;)
const cacheImages = require(&quot;./cache-images.js&quot;)
const removeElements = require(&quot;./remove-elements.js&quot;)

let htmlAst = {}

const pipeline = [
 setMainElement,
 cacheImages,
 removeElements,
 (htmlAst) =&gt; {
 // Using a dynamic closure.
 },
]

for (const pipe of pipeline) {
 pipe(htmlAst)
}
</code></pre>

blocks|key|2970372|text|也许像这样的代码就能解决这个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2970373|[f1,f2,f3].map((f)+=>+f('a+string'))|offset|length|style|CODE|2970374|entityMap^0|0|0|10|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

maybe something like this would do the trick:
<code>[f1,f2,f3].map((f) =&gt; f('a string'))</code>

blocks|key|2970406|text|这对我很有帮助，但我多次尝试调用数组中的每个函数都被卡住了。所以对于新手来说，这里是如何创建一个函数数组并调用其中的一个或所有函数，有几种不同的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2970407|首先，我们制作数组。|2970408|let+functionsArray+=+[functionOne,+functionTwo,+functionThree];|code-block|syntax|javascript|2970409|我们可以使用数组中的索引来调用数组中的特定函数(记住，0是数组中的第一个函数)。|2970410|functionsArray[0]();|2970411|我们必须把括号放在后面，否则我们只是引用函数，而不是调用它。|2970412|如果你想调用所有的函数，我们可以使用几种不同的方法。|2970413|用于循环的|2970414|for+(let+index+=+0;+index+<+functionsArray.length;+index%2B%2B)+{
++functionsArray[index]();
}|2970415|不要忘记要实际调用函数的括号。|offset|length|style|BOLD|2970416|+ForEach++ForEach很好，因为我们不必担心索引，我们只需要得到数组中可以使用的每个元素。我们这样使用它(下面的非箭头函数示例)：|2970417|functionsArray.forEach(element+=>+{
++++element();
});|2970418|在ForEach中，您可以将上面的element重命名为您想要的任何名称。重命名它，并且不使用箭头函数，可能如下所示：|CODE|2970419|functionsArray.forEach(
++++function(funFunctionPassedIn)+{
++++++++funFunctionPassedIn();
++++}
);|2970420|怎么办？在这种情况下我们不应该使用Map，因为map构建了一个新的数组，当我们不使用返回的数组时使用map是一种反模式(不好的做法)。|2970421|如果我们没有使用它返回的数组，并且/或者我们没有从回调中返回值，那么我们就不应该使用map。Source|2970422|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map^0|0|0|0|0|0|0|0|0|0|0|F|0|0|1Z|0|0|0|1N|H|7|0|0|0|1V|0|0|1G|1A|6|0|0^^$0|@$1|2|3|4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1M|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1N|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1O|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|1P|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|1R|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1S|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|1T|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|1U|8|@$W|1V|X|1W|Y|Z]]|9|@]|A|$]]|$1|10|3|11|5|6|7|1X|8|@$W|1Y|X|1Z|Y|Z]]|9|@]|A|$]]|$1|12|3|13|5|F|7|20|8|@]|9|@]|A|$G|H]]|$1|14|3|15|5|6|7|21|8|@$W|22|X|23|Y|Z]|$W|24|X|25|Y|16]]|9|@]|A|$]]|$1|17|3|18|5|F|7|26|8|@]|9|@]|A|$G|H]]|$1|19|3|1A|5|6|7|27|8|@$W|28|X|29|Y|Z]]|9|@]|A|$]]|$1|1B|3|1C|5|6|7|2A|8|@$W|2B|X|2C|Y|Z]]|9|@$W|2D|X|2E|1|2F]]|A|$]]|$1|1D|3|-4|5|6|7|2G|8|@]|9|@]|A|$]]]|1E|$1F|$5|1G|1H|1I|A|$1J|1K]]]]

This answered helped me but I got stuck trying to call each function in my array a few times. So for rookies, here is how to make an array of functions and call one or all of them, a couple different ways.
First we make the array.
<pre><code>let functionsArray = [functionOne, functionTwo, functionThree];
</code></pre>
We can call a specific function in the array by using its index in the array (remember 0 is the first function in the array).
<pre><code>functionsArray[0]();
</code></pre>
We have to put the parenthesis after because otherwise we are just referencing the function, not calling it.
If you wanted to call all the functions we could use a couple different ways.
For loop
<pre><code>for (let index = 0; index &lt; functionsArray.length; index++) {
 functionsArray[index]();
}
</code></pre>
Don't forget the parenthesis to actually call the function.
ForEach
ForEach is nice because we don't have to worry about the index, we just get handed each element in the array which we can use. We use it like this (non arrow function example below):
<pre><code>functionsArray.forEach(element =&gt; {
 element();
});
</code></pre>
In a ForEach you can rename <code>element</code> in the above to be whatever you want. Renaming it, and not using arrow functions could look like this:
<pre><code>functionsArray.forEach(
 function(funFunctionPassedIn) {
 funFunctionPassedIn();
 }
);
</code></pre>
What about Map?
We shouldn't use Map in this case, since map builds a new array, and using map when we aren't using the returned array is an anti-pattern (bad practice).
We shouldn't be using map if we are not using the array it returns, and/or
we are not returning a value from the callback. <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map" rel="nofollow noreferrer">Source</a>

blocks|key|1801118|text|你在上面得到了一些最好的答案。这只是另一个版本。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1801119|var+dictFun+=+{
+++++FunOne:+function(string)+{
+++++console.log("first+function");
++},

+++FuncTwo:+function(string)+{
+++console.log("second+function");
+},

++FuncThree:+function(string)+{
+++console.log("third+function");
}|code-block|syntax|javascript|1801120|}|1801121|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

you got some top answers above. This is just another version of that.

<pre><code>var dictFun = {
 FunOne: function(string) {
 console.log("first function");
 },

 FuncTwo: function(string) {
 console.log("second function");
 },

 FuncThree: function(string) {
 console.log("third function");
}
</code></pre>

}

blocks|key|1803782|text|/*+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+"+%2B+a);+}
++++greetRandomPlanet()+:+void+{+
++++++++this.hello+[+Math.floor(+5+*+Math.random()+)+]+();+
++++}+
}+
new+PlanetGreeter().greetRandomPlanet();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1803783|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>/* 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( () =&gt; { this.greet(this.planet_1); } );
 this.hello.push( () =&gt; { this.greet(this.planet_2); } );
 this.hello.push( () =&gt; { this.greet(this.planet_3); } );
 this.hello.push( () =&gt; { this.greet(this.planet_4); } );
 this.hello.push( () =&gt; { this.greet(this.planet_5); } );
 } 
 greet(a: string) : void { alert("Hello " + a); }
 greetRandomPlanet() : void { 
 this.hello [ Math.floor( 5 * Math.random() ) ] (); 
 } 
} 
new PlanetGreeter().greetRandomPlanet();
</code></pre>

<pre><code>var array_of_functions = [
 first_function('a string'),
 second_function('a string'),
 third_function('a string'),
 forth_function('a string')
]

array_of_functions[0];
</code></pre>

That does not work as intended because each function in the array is executed when the array is created.

What is the proper way of executing any function in the array by doing:

<pre><code>array_of_functions[0]; // or, array_of_functions[1] etc.
</code></pre>

Thanks!

Javascript Array of Functions

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

var array_of_functions = [    first_function('a string'),    second_function('a string'),    third_function('a string'),    forth_function('a string')]array_of_functions[0];这并不能按预期工作，因为数组中的每个函数都是在创建数组

问Javascript函数数组
EN

回答 21

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript函数数组EN

回答 21

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript函数数组
EN