출력에 두 번째 변수가 적용되지 않는 이유

Question

변수 txt가 10 인 이유가 왜 돌아 왔을 때 명령문에 적용되지 않는지 이해하려고합니까? 변수를 10으로 설정하면 루프가 다시 돌아올 때 출력에 적용하지 않아야합니까? 그것은 각 사이클 후 리셋되는되지 않도록,

function myFunction() { 
 
    var myNumber = 2; 
 
    var txt = 10; 
 
    while (myNumber != Infinity) { 
 
     myNumber = myNumber * myNumber; 
 
     txt = txt + myNumber + "<br>"; 
 
    } 
 
    document.getElementById("demo").innerHTML = txt; 
 
}

<button onclick="myFunction()">Try it</button> 
 

 
<p id="demo"></p>

Answer 1

변수는 루프 반복마다 변경됩니다.

는의 모든 반복에 값을 따라 보자 등등

#1 iteration: txt == 10 + 4 + "<br>" == "14<br>"

#2 iteration: txt == "14<br>" + 16 + "<br>" == "14<br>16<br>"

#3 iteration: txt == "14<br>16<br>" + 256 == "14<br>16<br>256"

그리고있다. 또한 반복 할 때마다 <p>의 HTML 코드를 완전히 변경하는 대신 append과 같이 코드를 추가합니다. 기본적으로 변수 txt는 각 반복마다 변경되며 사용자가 마지막 값을 표시합니다. <p>

Answer 2

귀하의 var txt = 10는 while 루프 내부되지 않습니다 :

여기 내 코드입니다. 귀하의 질문은 txt = 10을 while 루프로 실행할 때마다 myNumber 단위로 증가 시키길 원한다고 가정합니다. 이 경우 다음과 같이 코드를 단순화 할 수 있습니다.

Answer 3

나는이 문제가 txt에 추가되는 부분이라고 생각합니다. 올바르게 이해하면 문제가 해결 될 것입니다.

function myFunction() { 
var myNumber = 2; 
var txt = 10; 
var output = ""; 
while (myNumber != Infinity) { 
    myNumber = myNumber * myNumber; 
    txt = txt + myNumber; 
    output = output + txt + "<br>"; 
} 
document.getElementById("demo").innerHTML = output; 
} 

Answer 4

값이 10 인 var text은 첫 번째 반복에서 설정된 문자열 값을 다시 할당받습니다. 그래서

// 1) 14 
// Effectively '14<br>` 
// A result of 10 + (2*2) + <br> 

// 2) 14 
// 16 
// Effectively '14<br>16<br>` 
// This is because txt was '14<br>` 
// So '14<br>` + (4*4) + <br> 

// 3) 14 
// 16 
// 256 
// Effectively '14<br>16<br>256<br>` 
// This is because txt was '14<br>16<br>` 
// So '14<br>16<br>` + (16*16) + <br> 

그리고 ...