Question

I am using jQuery UI and a few other JS libs which in total make for quite a chunk of JS (even minified and combined). My idea is to not include a script tag in the page but to stub out all functions that I defined as well as the $ sign for jQuery so that my inline JS on the page can still call them but will hit the stub. The stub will then load the .js file and actually call the function. The question now is:

How can I redirect all function calls on the window object/global object to a custom function of mine?

I am not used to dynamic languages so a little advice on how to do this in JS will be appreciated.

Answer 1

As stated previously … this is likely an exercise in futility. Unless you are a researcher and are being paid to do this (and only this), I’d spend my time just working on my actual product and/or refactoring so that the page requires fewer disparate JS libs (for example. use jquery only, rather than jquery + yui)

edit, though, I suppose in the interest of actually answering the question. You can easily replace any function by simply setting it in javascript. For example …

$ = function(searchString) {
    // if this method is called
    // and jquery hasn't been loaded yet
    // load jquery (which will overwrite all of your local jquery functions with its own
};

The method to lazy load .js files is well documented throughout the web, for example here:
http://ajaxpatterns.org/On-Demand_Javascript