Can anybody explain to me how this casue an infinite loop? I got this from an example of a javascript book.
The code is as follows:
function foo() {
function bar(a) {
i = 3; // changing the `i` in the enclosing scope's for-loop
console.log( a + i );
}
for (var i=0; i<10; i++) {
bar( i * 2 ); // oops, inifinite loop ahead!
}
}
foo();
The problem is, that you're changing i from the for-loop inside your bar function
i = 3;
That means outside of bar it can't reach the condition i < 10.
So the calls of bar would be like:
bar(0 * 2); then i = 3; then console.log(0 + 3); then i++bar(4 * 2); then i = 3; then console.log(8 + 3); then i++bar(4 * 2); then i = 3; then console.log(8 + 3); then i++i will stay smaller than 10You should change your code to avoid the set of i = 3;, which is the root of your problem.
var i=0; i<10; i++ is in its own scope. Hence, the i = 3; would not cause it to change value. Thanks so much!
i = 3; would lead to an undefined error since you never introduced i before.
i = 3; would lead to an undefined error" - correction, that would create a global unless you are in strict mode - in that case, assigning to an undeclared variable throws a RefenceError instead of making an implied global.
ivariable so you never reach the terminal conditioni<10. Which part of this is unclear?