javascript global function

stackoverflow.com › questions › 29514382 › global-functions-in-javascript

Everything in JS is bound to containing scope. Therefore, if you define a function directly in file, it will be bound to window object, i.e. it will be global.

To make it "private", you have to create an object, which will contain these functions. You are correct that littering global scope is bad, but you have to put something in global scope to be able to access it, JS libraries do the same and there is no other workaround. But think about what you put in global scope, a single object should be more than enough for your "library".

Example:

MyObject = {
    abc: function(...) {...},
    pqr: function(...) {...}
    // other functions...
}

To call abc for somewhere, be it same file or another file:

MyObject.abc(...);

Answer from Marko Gresak on Stack Overflow

Stack Overflow

stackoverflow.com › questions › 29514382 › global-functions-in-javascript

Global functions in javascript - Stack Overflow

Top answer

1 of 7

Everything in JS is bound to containing scope. Therefore, if you define a function directly in file, it will be bound to window object, i.e. it will be global.

Example:

MyObject = {
    abc: function(...) {...},
    pqr: function(...) {...}
    // other functions...
}

To call abc for somewhere, be it same file or another file:

MyObject.abc(...);

2 of 7

in test2.js you can write this to make the function global

window.abc = function(){...}

and then in test1.js yo can access it like this

window.parent.abc();

I hope it will help you

MDN Web Docs

developer.mozilla.org › en-US › docs › Web › JavaScript › Reference › Global_Objects

Standard built-in objects - JavaScript | MDN

For more information about the distinction between the DOM and core JavaScript, see JavaScript technologies overview. These global properties return a simple value. They have no properties or methods. ... These global functions—functions which are called globally, rather than on an object—d...

Discussions

Global Scope and Functions

Hi there, I am currently doing JS Data Structures and Algorithms → Global Scope and Functions It says: “In JavaScript, scope refers to the visibility of variables. Variables which are defined outside of a function block have Global scope. This means, they can be seen everywhere in your ... More on forum.freecodecamp.org

forum.freecodecamp.org

July 17, 2023

I need a simple explanation of global functions within JavaScript, please?

MICHAEL P is having issues with: Can someone please offer a simple explanation of global functions within JavaScript? More on teamtreehouse.com

teamtreehouse.com

September 8, 2016

Global functions?

Are you using a navigator library? If you are, then more likely is that you will receive that function as props in the screen component More on reddit.com

r/reactnative

February 11, 2023

Why does console log print undefined for a global variable in a function?

Because of hoisting, your code... var a = "a"; function b(){ console.log(a); var a = "a1"; console.log(a); } b(); ...essentially becomes this: var a = "a"; function b(){ var a console.log(a); a = "a1"; console.log(a); } b(); Within b(), you're declaring a new var a, which gets hoisted to the top of the scope. So the global a never gets a chance - a new variable with the same name is created, but it's not set to anything until after the first console.log(a), which is why that one returns undefined. On the other hand, if you did it without re-declaring var a inside the function, then a would refer to the same global variable both times, so you would get what you were probably expecting: var a = "a"; function b(){ console.log(a); a = "a1"; console.log(a); } b(); // a // a1 More on reddit.com

r/javascript

November 14, 2017

Videos