setInterval функция не может использовать внешнюю переменную

Question

Почему prevColor всегда undefined?

Этот код должен регистрировать новый цвет (actualColor) и предыдущий цвет (prevColor). Однако я не могу сохранить в prevColor изнутри функции setInterval. Где ошибка? Я не думаю, что это проблема контекста. Но я не уверен. There's нет this внутри ...

Можете ли вы сказать мне, как я могу сохранить значение actualColor в prevColor внутри функции setInterval?

var actualColor; 
var prevColor; 


// do some user action and change actualColor 


setInterval(function() { 
    // only log the color if it differs from prevColor 
    if (actualColor != prevColor) { 
     console.log("actualColor: " + actualColor + ", prevColor: " + prevColor); 
    } 
    prevColor = actualColor; 
}, 100); 

консоли:

actualColor: acff06, prevColor: undefined 

Answer 1

Я думаю, что он должен быть вашим контекстом - я сделал простую веб-страницу со всеми битами, которые у вас есть выше, и это кс штраф -Даже без установки начальных значений на переменные:

Я разместил свой код в теге сценария в голове, и добавил

<input 
    type="text" 
    id="actualColor" 
    /> 
<input 
    type="button" 
    onclick = "actualColor = document.getElementById('actualColor').value;" 
    value = "change colour" /> 

обеспечить способ изменения actualColor в веб-страницу (вместо использования консоли)

Answer 2

Вы должны инициализировать значение prevColor, в противном случае первое время это будет undefined

Вобще

var actualColor; 
var prevColor = ""; 


// do some user action and change actualColor 


setInterval(function() { 
    // only log the color if it differs from prevColor 
    if (actualColor != prevColor) { 
     console.log("actualColor: " + actualColor + ", prevColor: " + prevColor); 
    } 
    prevColor = actualColor; 
}, 100);