Flow control in JavaScript -

is possible write flow control in javascript?

mylib.get = function() { /* */ next(); }; mylib.save = function() { /* */ next(); }; mylib.alert = function() { /* */ next(); };  mylib.flow([   mylib.get(),   mylib.save(),   mylib.alert() ], function() {   // functions executed }); 

yes, 2 things know:

1. you should build array references functions. means leave off (), because want pass through reference, not result of calling function!
2. you're going have deal fact getting references functions properties of object not "remember" relationship object. thus, "flow" code have no way know how invoke functions "mylib" this context reference. if that's important, you'll want create functions run "member" functions in right context.

to run functions in right context, can cobble "bind" function supplied prototype framework (and also, among many others, functional.js), or $.proxy() jquery. it's not hard , this:

function bindtoobject(obj, func) {   return function() {     func.apply(obj, arguments);   } } 

then you'd use this:

mylib.flow([   bindtoobject(mylib, mylib.get),   bindtoobject(mylib, mylib.save),   bindtoobject(mylib, mylib.alert) ]); 

if need parameters passed in, modify "bindtoobject":

function bindtoobject(obj, func) {   var presuppliedargs = array.prototype.slice.call(arguments, 2);   return function() {     func.apply(obj, presuppliedargs.splice(arguments));   } } 

that assumes you'd want additional arguments passed when "bound" function called tacked on end of argument list. in case, doubt you'd want that, leave off "splice()" call.