set timeout on for loop

excusemewtf.js

/* The goal is to create function, that displays in console numbers from 0 to 9. After every number, we want little timeout.*/

// this only prints 10 ten times
for (let i = 0; i < 10; i++) {
        setTimeout(() => {
            console.log(i);
        }, i * 1000)
}

//with arrow fn, also doesn't work
for (let i = 0; i < str.length; i++) {
     setTimeout(() => console.log(str[i]), i * 100);
}

// typewriter in console
let str = "lorem mopsium dolor";

for (let i = 0; i < str.length; i++) {
       (function(i){
           setTimeout(() => {
                   console.log(str[i])
           }, 100 * i);    
       })(i) 
}
//setTimeout will run a function after some number of milliseconds, but only after the for loop has stopped executing; 
//By the time the for loop has stopped executing, the value of i is 10. 
//So each time the given function gets called, it will print out 10!

// the same with arrow fn
for (let i = 0; i < 10; i++) {
  ((i) => {
  setTimeout(() => {
              console.log(i);
          }, i * 1000)
  })(i); 
}

http://www.typescriptlang.org/docs/handbook/variable-declarations.html#property-renaming