如何在 document.ready 中定义全局函数？

Question

I want to define a global function inside document.ready which need to be called outside document.ready . I tried to define a function as

var global_fn={};
$(document.ready).function(){
   global_fn.my_function=function(){
    console.log('my function');
   };
global_fn.my_function();
}
global_fn.my_function();

The function call global_fn.my_function(); inside document.ready works well, but outside it throws error: Uncaught TypeError: global_fn.my_function is not a function . What things I am missing?

NB. The reason for defining function inside document.ready is because of third party api I am using, which works only after dom is ready and the reason for making it global is because I want to call it in another js file.

Answer 1

The reason it doesn't work outside the document.ready function is that when it's out in the js file like that, the function gets executed before it gets created in document.ready .

It will be available in your other JS files as long as they don't try to access it before document.ready .