How come the first program outputs 333 and how could have the second program resulted to false?

Question

//First program
for(var i = 0; i < 3; i++) {
setTimeout (function() {
document.write(i)
}
, 200);
}
//Second program
var info1={
"planet":"Earth",
"suitable For Living":true
};
var info2={
"planet":"Earth",
"suitable For Living":true
};
alert(info1===info2 || info1===info2);

Answer 1

First:
It outputs the variable i. i at that moment is 3, therefore the output will be 333.
Second:
You might have heard of this, but objects are.compared by their reference. This means, that info1 and info2 are 2 different objects, with the same properties. Two objects are never equal unless you specifically assign them to.

Answer 2

Okay, I got you Airree for the second explanation but for the first one, you didn't mention how "200" is affecting the code's output. Please elaborate on that, thanks in advance

Answer 3

Sonic yes

Answer 4

Okay. The setTimeout function is an asynchronous function, meaning it's not like a normal function, that just runs, and then the program continues; but it will move this function to the back of the execution of the program, waits the time (in miliseconds), and THEN executes it. It would be the same if it would be 0. After the program execution ends, it will check i, and it's 3 so it'll print it

Answer 5

Mofey I guess that after the timeout, the loop has already completed and the value of the i variable is 3, which means that all 3 calls to the function will output 3. Also in your second program, did you intend to write === for both conditions?

Answer 6

🖕🖕🏼