Область видимости переменной в JavaScript?

Question

[Лев Кекиш]

Добрый день. У меня стоит задача: вытянуть значение из DOM и передать по Ajax.

Вытягиваю значение:

document.addEventListener("DOMContentLoaded", function () {

 function sdf(){
var atr = document.getElementById('P2').getAttribute('data-price');;
// alert(atr);
window.atr = atr;
// alert(window.atr);
// console.log(atr);
}
 sdf();
});

alert(window.atr); // выводит undefined

Ajax-запрос:

function payment() {
    var atr = 5; // Здесь должно быть значение window.atr
 
   // console.log(atr);
    var xmlhttp = getXmlHttp(); // Создаём объект XMLHTTP
    xmlhttp.open('POST', 'send.php', true); 
    xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xmlhttp.send("atr=" + encodeURIComponent(atr));
    xmlhttp.onreadystatechange = function() { 
      if (xmlhttp.readyState == 4) { 
        if(xmlhttp.status == 200) { 
          document.getElementById("summa").innerHTML = xmlhttp.responseText;
        }
      }
    };
  }

Comments

[Лев Кекиш]

Vitalii Kotliar: если Вы про "use strict"; , то да.

Answer 1

[Денис Инешин]

Порядок выполнения:

// Выполнится 2-м
document.addEventListener("DOMContentLoaded", function () {
    function sdf(){
        var atr = document.getElementById('P2').getAttribute('data-price');;
        // alert(atr);
        window.atr = atr;
        // alert(window.atr);
        // console.log(atr);
    }
    sdf();

    // <-- вот тут вы можете проверить свой atr
});

// Выполнится 1-м
alert(window.atr); // выводит undefined

Соответственно, вам ничего не нужно никуда вытягивать, а поместить ВЕСЬ код внутрь колбэка на DOMContentLoaded.

Comments

[Лев Кекиш]

Хм..сейчас посмотрю.

[Лев Кекиш]

Огромное спасибо. Можете дать ссылку где можно почитать о порядке выполнения?

[Денис Инешин]

Лев Кекиш: тут нужно просто думать логически. Вспомните, JS код выполняется последовательно по мере загрузки, синхронно. Но не весь, вот такие конструкции, вроде DOMContentLoaded делают участки кода асинхронными. Т.е. этот код выполнится позже, когда наступит определенное событие. Это мог бы быть и скажем onClick, который может и вообще не произойти никогда.

[Лев Кекиш]

Денис Инешин: ого. Спасибо, коротко и понятно.