jquery - Loading .js files using javascript in synchronous manner -

i need include multiple js files in synchronous manner , once included call function main() create widget. have built function way

var scriptarrayhc = [retrieveurl()+"/js/bootstrap.min.js",                     "//platform.twitter.com/widgets.js",                     retrieveurl()+"/js/html5shiv-2.js",                     retrieveurl()+"/js/ie-emulation-modes-warning.js",                     retrieveurl()+"/js/ie10-viewport-bug-workaround.js"]; function loadscript(scriptarray, func){     var counter_script=0;     [].foreach.call(scriptarray, function(src){         var script = document.createelement('script');         script.onload = function() {             counter_script++;             //console.log("script "+counter_script+" --- "+src);             if(counter_script==scriptarray.length) eval(func);         };         script.src = src;         document.getelementsbytagname('head')[0].appendchild(script);     }); }  loadscript(scriptarray, "main()"); 

it working fine.. think not best way. have better way or there library this?

use requirejs solve issue