accessing variable value outside of function

debugcn Published at Dev

sanfranciscoave

I have 2 functions in my script. The purpose of function #1 is to produce a url called "mapsURL"

The purpose of the second function is to run an .ajax request with "mapsURL"

However I am having issues with accessing "mapsURL" in the second function. I declared "mapsURL" in the first function without a "var" in fornt of it. From my understanding, this should make the this the value global and I should be able to access it form inside other functions. Is my understanding incorrect or what am I missing here?

here's my js:

note: I removed my API key for this post, so that's not the issue

$(document).ready(function (){


  navigator.geolocation.getCurrentPosition(function (position) {
     var positionLat = position.coords.latitude
     var positionLon = position.coords.longitude
     mapsURL = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" + positionLat + "," + positionLon + "&key=***mykeygoeshere***";
  });


 function getData (){
   $.ajax({
     url: mapsURL,
     dataType: 'json',
     success: function(response){
      console.log(response);
     }
    });
  };

  getData();

});

CertainPerformance

getCurrentPosition is asynchronous. It doesn't assign to mapsURL immediately, so when you call getData synchronously, mapsURL hasn't been populated yet.

You should call getData inside the getCurrentPosition callback - which will also allow you to avoid using a global variable:

$(document).ready(function() {
  navigator.geolocation.getCurrentPosition(function(position) {
    var positionLat = position.coords.latitude
    var positionLon = position.coords.longitude
    var mapsURL = "https://maps.googleapis.com/maps/api/geocode/json?latlng=" + positionLat + "," + positionLon + "&key=***mykeygoeshere***";
    getData(mapsURL);
  });
  function getData(mapsURL) {
    $.ajax({
      url: mapsURL,
      dataType: 'json',
      success: function(response) {
        console.log(response);
      }
    });
  }
});

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-08-11

Comments

0 comments

From Dev

Related Related

Article

accessing variable value outside of function

accessing variable value outside of function

Accessing a variable that is outside an anonymous function

Accessing a local variable outside a function

Accessing a variable outside a given function

Accessing a variable from outside the function?

Scala accessing variable outside function

Accessing variable outside redis pipelining function on Laravel

accessing a variable from outside the function in python

accessing a variable from outside the function in python

Variable not retaining value outside of function

Retrieve value of variable outside function

accessing a variable from outside a function and returning the variable. In a module pattern

Accessing a value from outside a function: js and php generated value

Setting a value in a function as a variable outside the function (Swift)

XSLT Accessing value of element from another variable outside a for-each

How to get variable value outside a function IN jquery

JQuery change variable value outside the function

How to assign value to variable outside the function in $on AngularJS?

How to get variable value outside angular function

Accessing a variable that's outside of a script

Accessing variable outside foreach loop

Accessing variable outside foreach loop

Javascript constructor: Accessing outside variable

Accessing a variable outside a loop Python

accessing variable outside the with keyword in python

Accessing variables outside a function in Python

Accessing Variables outside of a function in swift

Accessing variables outside of a class and function

Accessing a static function outside the file

Accessing outside variables inside the 'then' function