JavaScript variables scope.

Question

the global variable "argument" is getting change in local scope but again returning to original value outside the function scope in console.log(attachments)
Firebase/JavaScript code:

var attachments="a";
function submitForm(e){
e.preventDefault();

var name = $('#name').val();
var email = $('#email').val();

// Created a Storage Reference with root dir
var storageRef = firebase.storage().ref();
// Get the file from DOM
var file = document.getElementById("files").files[0];
// Create a reference to the file we want to download
var starsRef = storageRef.child(file.name);

// Get the download URL
starsRef.getDownloadURL().then(function(url) {
attachments = url;
}).catch(function(error) {
// Handle any errors
});

console.log(attachments); //OUTPUT "a"
saveMessages(name,email,queryType,message,attachments);
}

Answer 1

i see its seems the promise havent resolved. so the new value is not there yet.

you can move the part where you need the attachment url inside then.
then(function(url){
attarchments = url;
console.log(attachments);
}

or use async await.
attachments = await starsRef.getDownloadURL();

Answer 2

Taste Talha Iqbal Abhishek Gupta Micah Meadows diego Code please have a look at this.

Answer 3

Thanks Taste , the former solution worked.