改造下面的代码，使之输出0 - 9

for (var i = 0; i< 10; i++){
	setTimeout(() => {
		console.log(i);
    }, 1000)
}

知识点：

代码 1：

for (var i = 0; i < 10; i++) {
setTimeout(i => {
  console.log(i);
}, 1000, i)
}

+代码 2：

for (var i = 0; i < 10; i++) {
setTimeout(console.log.bind(Object.create(null), i), 1000)
}

+代码 3：

for (var i = 0; i < 10; i++) {
setTimeout(console.log, 1000, i)
}

思路二：
原理：
利用 let 变量的特性 — 在每一次 for 循环的过程中，let 声明的变量会在当前的块级作用域里面（for 循环的 body 体，也即两个花括号之间的内容区域）创建一个文法环境（Lexical Environment），该环境里面包括了当前 for 循环过程中的 i，具体链接

代码 1：

for (let i = 0; i < 10; i++) {
setTimeout(() => {
  console.log(i);
}, 1000)
}

等价于

for (let i = 0; i < 10; i++) {
let _i = i;// const _i = i;
setTimeout(() => {
  console.log(_i);
}, 1000)
}

代码 1：

for (var i = 0; i < 10; i++) {
(i => {
  setTimeout(() => {
    console.log(i);
  }, 1000)
})(i)
}

代码 2：

for (var i = 0; i < 10; i++) {
try {
  throw new Error(i);
} catch ({
  message: i
}) {
  setTimeout(() => {
    console.log(i);
  }, 1000)
}
}

思路四：
原理：
很多其它的方案只是把 console.log(i) 放到一个函数里面，因为 setTimeout 函数的第一个参数只接受函数以及字符串，如果是 js 语句的话，js 引擎应该会自动在该语句外面包裹一层函数

代码 1：

for (var i = 0; i < 10; i++) {
setTimeout(console.log(i), 1000)
}

代码 2：

for (var i = 0; i < 10; i++) {
setTimeout((i => {
  console.log(i);
}).call(Object.create(null), i), 1000)
}

代码 3：

for (var i = 0; i < 10; i++) {
setTimeout((i => {
  console.log(i);
}).apply(Object.create(null), { length: 1, '0': i }), 1000)
}

代码 1：

for (var i = 0; i < 10; i++) {
setTimeout(eval('console.log(i)'), 1000)
}

代码 2：

for (var i = 0; i < 10; i++) {
setTimeout(new Function('console.log(i)')(), 1000)
}

码农进阶题库