最近在网上看到一个js题目，刚好最近学了Promise和Generator以及async，打算用这些方法实现一下。
题目很简单，如下：

实现每一秒输出数组中的一个数字。

我立马就想到了可以用Generator来实现这个效果，其中async是Generator的语法糖，所以就用async写了。因为Generator虽然是一个状态机，返回一个遍历器对象，但是它很适合用来异步操作。

我这边用async和Promise分别写了四种实现方法，其中第一种和第二种有点类似，但是有一点区别。第三种就是用递归实现，通过在Promise的then函数里再new一个Promise来达到效果。第四种就是普通的递归实现。

第一种：
async function apr(arr){
for(let i=0;i<arr.length;i++)
{
await (new Promise((resolve)=>setTimeout(resolve,1000,arr[i]))).then((value)=>console.log(value))

}
}
ls=[1,2,3]
apr(ls)

第二种：
async function apr(arr){
for(let i=0;i<arr.length;i++)
{
await new Promise((resolve)=>setTimeout(resolve,1000))
console.log(arr[i])

}
}
ls=[1,2,3]
apr(ls)

第三种：
function timeout(i=0) {
if (i<arr.length)
new Promise((resolve) => {
setTimeout(resolve, 1000,arr[i++]);
}).then((value)=>{console.log(value);timeout(i)});
}
arr=[1,2,3]
timeout()

第四种：
function timeout(i=0) {
if (i<arr.length)
setTimeout(()=>{console.log(arr[i++]);timeout(i)}, 1000);
}
arr=[1,2,3]
timeout()