Como recuperar o resultado de uma função

[Philippe Luis 2]

Boa tarde galera, bom domingo a todos.

Bem, como principiante em javascript tenho uma duvida que com certeza vai ser simples pra vocês (pelo menos espero kk).

Bom, eu tenho uma função JS que utiliza a API do google maps para converter endereço em coordenadas, a função está funcionando perfeitamente bem. 

Mas eu não consigo setar o valor da função em uma variavel global,(também não sei como usar o return, e colocar o valor dele em uma variavel).

 

Basicamente eu tenho esta função que está funcionando perfeitamente.

var cord;
function searchAddress(local) {


	var geocoder = new google.maps.Geocoder();

	geocoder.geocode({address: local}, function(results, status) {

		if (status == google.maps.GeocoderStatus.OK) {

      var myResult = results[0].geometry.location;
            
            
             cord = myResult;
            
            

		}
	});

Eu tenho um botão que quando clicado deveria exibir o valor do meu myResult (ou da minha variavel global).

searchAddress(local);
            
            alert(cord);

Obs: o parametro local foi definido tudo certinho.

 

Só que quando eu clico a primeira vez no botão para dar o alert(cord); a variavel global cord aparece como indefinida, quando eu clico pela segunda vez no botão, ela faz tudo certinho e me manda o valor de cord no caso as cordenadas da função searchAddress();

 

 

Eu queria que na primeira vez que eu clicasse a função ja me retornasse o valor de cord. Sem precisar de clicar outra vez no botão.

 

E já aproveitando e não abusando da boa vontade de vocês, mas já abusando.

 

Quero saber como consigo colocar o valor de return em uma variavel.

 

Agradeço a todos que me ajudarem.

 

Tchau Brigado!

[wootzor 103]

//Opcao 1 - Caso obtenhas uma resposta, atribuir o valor à variável global (cord) dentro do corpo da função
var cord;
function searchAddress(local) {
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({address: local}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            cord = results[0].geometry.location;        
        }
    });
}

Após chamares a função declarada desta primeira forma, a variável cord vai armazenar automaticamente o resultado.

//Opcao 2 - A função searchAddress devolve um valor, que depois pode ser atribuído a qualquer variável assim: var nomeVar = searchAddress(valor)
var cord;
function searchAddress(local) {
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({address: local}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            return results[0].geometry.location;        
        }
    });
}
cord = searchAddress(param);

[Philippe Luis 2]

Obrigado pela resposta wootzor.

Eu tentei passar a variável cord direto mas não da certo.

 

parece que rola um delay para colocar o resultado da função na variavel. NÃO SEI PORQUE.

 

Resolvi o problema colocando um setTimeout, ae da certo.

 mas queria que setasse o valor direto, rapidinho.

[William Bruno 1501]

Não é possível você dar valor a uma variável global e nem usar return por que essa função é assíncrona.

 

você deve usar o callback dela e fazer o que precisar dentro dele.

function searchAddress(local, callback) {
  var geocoder = new google.maps.Geocoder();
  geocoder.geocode({address: local}, function(results, status) {
  if (status == google.maps.GeocoderStatus.OK) {
    var myResult = results[0].geometry.location;
    callback(myResult);
  }
});

e ai você usa:

searchAddress(local, function(myResult) {
  alert(myResult);
});

 

[Philippe Luis 2]

Em 06/03/2017 at 08:36, William Bruno disse:

Não é possível você dar valor a uma variável global e nem usar return por que essa função é assíncrona.

 

você deve usar o callback dela e fazer o que precisar dentro dele.

function searchAddress(local, callback) {
  var geocoder = new google.maps.Geocoder();
  geocoder.geocode({address: local}, function(results, status) {
  if (status == google.maps.GeocoderStatus.OK) {
    var myResult = results[0].geometry.location;
    callback(myResult);
  }
});

e ai você usa:

searchAddress(local, function(myResult) {
  alert(myResult);
});

 

Sucesso certinho!

 

VALEEEEU! s2 kkk

[Paulo J Santos 0]

Obrigado @Philippe Luis pela dica, eu estava com a mesma dúvida.