2.7.5 루프 블록에서 const
const에 대한 이전 절에서 변수(목록) 중 하나가 실제로 변경되지 않은 간단한 div 업데이트 루프(코드 2-8)를 보았고 let과 const를 코드에 (식별자를 제거하지 않고) 어떻게 적용할지 생각해 보라고 요청했다.
코드 2-8 ES5 버전의 div 업데이트 루프–element-loop-es5.js
var list, n, element, text;
list = document.querySelectorAll("div.foo");
for (n = 0; n < list.length; ++n) {
element = list[n];
text = element.classList.contains("bar") ? " [bar]" : "[not bar]";
element.appendChild(document.createTextNode(text));
}
코드 2-9 ES2015 버전의 div 업데이트 루프–element-loop-es2015.js
const list = document.querySelectorAll("div.foo");
for (let n = 0; n < list.length; ++n) {
const element = list[n];
const text = element.classList.contains("bar") ? " [bar]" : "[not bar]";
element.appendChild(document.createTextNode(text));
}