Как вынести переменную из функции?

Question

[MrFox235]

У меня есть такая функция:

function run() {
     directionsService.route(route,
         function(response) {
              directionsRenderer.setDirections(response);
              var directionsData = response.routes[0].legs[0];

              if (!directionsData) {
                 window.alert('Directions request failed');
                 return;
              } else {
                let dist = directionsData.distance.value;
                let distKm = parseInt(dist / 1000);
          
                console.log(distKm);

                document.getElementById('msg').innerHTML.remove(this) += " Driving distance is " + directionsData.distance.text + " (" + directionsData.duration.text + ").";
              }
    });
}

Как можно вынести переменную "distKm" за всю эту функцию?

Comments

[Алексей Ярков]

Объявить её перед функцией. Вы какую проблему решить хотите?

[Сергей delphinpro]

Алексей Ярков, да ему не нужно именно переменную вынести. Ему нужны данные из этой переменной.
учитывая наличие коллбека и язык javascript, можно смело предположить, что метод route() асинхронный, и такие фокусы не пройдут.

[Алексей Ярков]

Сергей delphinpro, я понял прекрасно)) Пусть нормально вопрос напишет ))

Answer 1

[Сергей delphinpro]

function run(cb) {
     directionsService.route(route,
         function(response) {
                // ...
                let distKm = parseInt(dist / 1000);
                cb(distKm);
              }
    });
}

run(function(result){
  console.log(result);
})

с учетом ваших комментов:

document.getElementById('btn-next').onclick = () => {
  run(function(result){
    console.log(result);
  })
};

Comments

[MrFox235]

Большое спасибо за помощь, сработало!

Answer 2

[Владимир Коротенко]

return distKm ;
Ну или

window.distKm

Comments

[MrFox235]

К сожалению не сработал ни первый не второй метод. Выдаёт ошибку в консоле: "Uncaught ReferenceError: distKm is not defined at document.getElementById.onclick (list.js:127:15)".
Эту переменную я использую в функции которую привязал к кнопке:

document.getElementById('btn-next').onclick = () => {
  console.log(distKm);
};

[Stalker_RED]

MrFox235, в консоли.
Вам не только вынести из run() её надо, но ещё и предать в этот ваш онклик. В общем придётся почитать учебник либо о передаче параметров либо об областях видимости.
А лучше и то и другое, и осознанно выбрать чт лучше соответствует вашей задумке.

[Сергей delphinpro]

там скорее всего асинхронщина. Так что вариант "в лоб" вероятно не подойдет.

Answer 3

[VoidVolker]

Так просто взять и вынести же:

function run() {
    ...
    let distKm = parseInt(dist / 1000)
    ...
}

Превращается в:

let distKm;
function run() {       
    ...
    distKm = parseInt(dist / 1000)
    ...
}

Изучайте основы языка.

Comments

[Сергей delphinpro]

у let блочная область видимости.

function run() {
    ...
    let distKm = parseInt(dist / 1000)
    ...
}

превращается в

function run() {
    let distKm;
    ...
    distKm = parseInt(dist / 1000)
    ...
}

[VoidVolker]

Ну дык в текущем-то блоке она же все равно остается доступной. Можно, конечно, заюзать и var и даже в окно её закинуть. Все зависит от задачи, которую ТС и не сказал даже.