How to access variable from another function?

Question

How to access variable from another function?

40 views

Suppose there is a hypothetical code:

$(window).on('load resize', function() { var img = document.createElement('img'); img.src = 'img/bg.jpg'; var imgAspectRatio = img.naturalWidth/img.naturalHeight; var $bg = $('.bg'), bgAspectRatio = $bg.outerWidth() / $bg.outerHeight(); if (bgAspectRatio > imgAspectRatio) { $bg.css('backgroundSize', 'cover'); } else { $bg.css('backgroundSize', 'auto ' 500px'); } });

How you can make the variable Declaration imgAspectRatio out with the condition that it remains in local scope and can be used by other functions? Particularly interested in the answer to the question, what are common practices (best practices) for dealing with such situations, what are the patterns used? I apologize in advance, if not correctly formulated a question, in js I'm new.

asked Apr 14, 2019 by SergeiB | 40 views

3 Answers

Related questions

0 like 0 dislike

2 answers

How to access variable from callback function in JavaScript?

asked Apr 12, 2019 by Pantene742

0 like 0 dislike

3 answers

How to access a variable from another method (ES6 JavaScript)?

asked Apr 12, 2019 by Groyreg

0 like 0 dislike

1 answer

How to access variable from another namespace?

asked Apr 3, 2019 by JackShcherbakov

0 like 0 dislike

2 answers

How to pass variable from one function to another?

asked Jun 9, 2019 by MaksPaverov

0 like 0 dislike

2 answers

How to pass variable from one function to another?

asked May 20, 2019 by id_666i

AnjeyTsibylskij · Answer 1 · 2019-04-17T03:48:40+0000

There is such a practice

(function(w){ var getImgAspectRatio = function(){ var img = document.createElement('img'); img.src = 'img/bg.jpg'; return img.naturalWidth/img.naturalHeight; }; $(w).on('load resize', function() { var imgAspectRatio = getImgAspectRatio(); var $bg = $('.bg'), bgAspectRatio = $bg.outerWidth() / $bg.outerHeight(); if (bgAspectRatio > imgAspectRatio) { $bg.css('backgroundSize', 'cover'); } else { $bg.css('backgroundSize', 'auto ' 500px'); } }); })(window);

SergeiB · Answer 2 · 2019-04-17T03:48:40+0000

Unfortunately, the variable must always have a scope, either global or a local. So it is not possible to provide a variable outside any function, with the expectation that it will remain visible only to this function, or specifically a limited set of other functions. This contradicts the paradigm of mission variables. There are only workarounds (the gardens), but essentially all the same variable has a scope.

AnjeyTsibylskij · Answer 3 · 2019-04-17T03:48:40+0000

can declare it globally, that is, not within a specific function, and writing a function

How to access variable from another function?

Please log in or register to add a comment.

Please log in or register to answer this question.

3 Answers

Please log in or register to add a comment.

Please log in or register to add a comment.

Please log in or register to add a comment.

Related questions

Most popular tags