Видимость переменных Javascript

Question

Я новичок в мире javascript. Читая об области переменных, и я думаю, что у меня есть идея. Я сделал несколько экспериментов, и у меня здесь ситуация, которая дает мне неожиданные результаты. Вот что я имею в виду

var x = 0; 

function set(){ 
    x++; 
} 

set(); 
console.log(x) // 1 

На данный момент сценария значение х равно 1, как ожидается,

total = 0; 
var id = setInterval(function(){ 
total++; 
}, 10); 
console.log(total); // 0 

На данный момент сценария значение общей всегда 0. Я проверил и я уверен, что значение total увеличивается. Итак, что случилось со вторым примером и почему значение глобальной переменной не изменилось?

Answer 1

Вы используете setInterval, который создает интервал после которой функция (передается в качестве аргумента функции setInterval) выполняется периодически,

чтения https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers.setInterval

Итак, здесь-

total = 0; 
var id = setInterval(function(){ 
total++; 
}, 10); 
console.log(total); // 0 

console.log(total); is executed before then the function inside the `setInterval` executes(aftyer a delay of 10ms). 

Вы можете попробовать это

total = 0; 

    var id = setInterval(function(){ 
    total++; 
    console.log(total); 
    }, 10); 

В этом случае общее количество печатается после того, как оно было увеличено

Answer 2

Его так называемый скрипт java является асинхронным. console.log будет выполнен первым, и после этого будет выполняться функция внутри setInterval, так как ей была дана 10 миллисекунд задержки ...

Чтобы увидеть увеличенное значение 'total', вы можете запустить приведенный ниже код просто после setInterval.

window.setTimeout(function(){ 
    console.log(total); 
    }, 10);