Array Fungsi Javascript

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

array_of_functions[0];

Itu tidak berfungsi sebagaimana dimaksud karena setiap fungsi dalam array dieksekusi ketika array dibuat.

Apa cara yang tepat menjalankan fungsi dalam array dengan melakukan:

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

Terima kasih!

var array_of_functions = [
    first_function,
    second_function,
    third_function,
    forth_function
]

dan kemudian ketika Anda ingin menjalankan fungsi yang diberikan dalam array:

array_of_functions[0]('a string');

Saya pikir inilah yang ingin dicapai oleh poster asli:

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

Semoga ini akan membantu orang lain (seperti saya 20 menit yang lalu :-) mencari petunjuk tentang bagaimana memanggil fungsi JS dalam array.

Tanpa detail lebih lanjut dari apa yang Anda coba capai, kami agak menebak. Tapi Anda mungkin bisa lolos dengan menggunakan notasi objek untuk melakukan sesuatu seperti ini ...

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

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

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

dan untuk memanggil salah satu dari mereka ...

myFuncs.firstFunc('a string')

Atau hanya:

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

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

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

Saya akan melengkapi utas ini dengan memposting cara yang lebih mudah untuk menjalankan berbagai fungsi dalam Array menggunakan shift()metode Javascript yang dijelaskan di sini

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

Ini pada dasarnya sama dengan Darin Dimitrov'stetapi itu menunjukkan bagaimana Anda bisa menggunakannya secara dinamis membuat dan menyimpan fungsi dan argumen. Semoga bermanfaat buat kamu :)

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

di atas kami melihat beberapa dengan iterasi. Mari kita lakukan hal yang sama menggunakan 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]();

Ini benar

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

Jika Anda melakukan sesuatu seperti mencoba untuk secara dinamis melewati panggilan balik, Anda bisa melewati satu objek sebagai argumen. Ini memberi Anda kendali lebih besar atas fungsi mana yang ingin Anda jalankan dengan parameter apa pun.

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

Eksekusi banyak fungsi melalui callback ES6 🤗

const f = (funs) => {
  funs().forEach((fun) => fun)
}

f(() => [
  console.log(1),
  console.log(2),
  console.log(3)
])

Mungkin itu bisa membantu seseorang.

<!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>

Cara singkat untuk menjalankan semuanya:

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

probleme dari array fungsi ini tidak dalam "array form" tetapi dalam cara fungsi-fungsi ini disebut ... lalu ... coba ini .. dengan eval sederhana () ...

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

itu bekerja di sini, di mana tidak ada yang lebih baik melakukan pekerjaan di rumah ... berharap itu akan membantu

Menggunakan Function.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')
    ]

Saya punya banyak masalah untuk mencoba yang satu ini ... mencoba yang sudah jelas, tetapi tidak berhasil. Itu hanya menambahkan fungsi kosong entah bagaimana.

array_of_functions.push(function() { first_function('a string') });

Saya memecahkannya dengan menggunakan array string, dan kemudian dengan eval:

array_of_functions.push("first_function('a string')");

for (var Func of array_of_functions) {
   eval(Func);
   }

Ah man ada begitu banyak jawaban aneh ...

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)

compose tidak didukung secara default, tetapi ada perpustakaan seperti ramda, lodash, atau bahkan redux yang menyediakan alat ini

Anda mendapat beberapa jawaban teratas di atas. Ini hanyalah versi lain dari itu.

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

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

  FuncThree: function(string) {
   console.log("third function");
}

}

/* 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();