Promiseが返ってこなくなる

再起呼び出しした後処理が返ってこなくなります。

html
1<html>
2<script>
3  (()=>{
4    let i = 0;
5    let start = async ()=>{
6      console.log("start()");
7      await timeCount();
8      console.log("END");
9    }
10
11    let timeCount = async ()=>{
12      console.log("timeCount()");
13      await everySecond(()=>{
14        let loopFlg = true;
15        i++;
16        if(i > 2){
17          loopFlg = false;
18        }
19        return loopFlg;
20      });
21    };
22
23    let everySecond = (callback)=>{
24      console.log("everySecond()");
25      return new Promise((res)=>{
26        setTimeout(async ()=>{
27            let loopFlg = callback();
28            if(loopFlg==true){
29                let r =  await everySecond(callback);
30                console.log("end");
31                return r;
32            }
33        },1000);
34      });
35    }
36
37    start();
38  })();
39</script>
40</html>

log
1start()
2timeCount()
3everySecond()
4everySecond()
5everySecond()

再起している処理が戻ってきて
console.log("end");
が３連続実行されて、
console.log("END");
を出して終わると考えて書いたのですが、
new Promiseが返ってきませんでした。

どのように書けば良いのでしょうか？
よろしくお願いします。

行動規範の内容に同意します

回答2件

もう少しPromiseへの理解が進めば自然と解決すると思うので
頑張って翻訳したりしながら勉強してください。

ポイントとしては下記2つを抑えましょう

async/awaitはPromiseの糖衣構文である
async/awaitでは、従来のコールバック関数での非同期処理を置き換えられない

これはちょっとした例が必要かな。

JavaScript
1const getUser = cb => {
2  // 本来はAjaxなりHTTPリクエストなりを発射してるはずだけど手抜きでsetTimeoutを利用
3  setTimeout(() => {
4    const err = null;
5    const user = {name: "taro", age: 18};
6    cb(err, user);
7  }, 0);
8}
9
10const getUserPromise = async () => getUser((err, user) => user)
11
12const main = async () => {
13  const user = await getUserPromise;
14  console.log(user);
15}

質問文を簡略化するとこんな感じになりますがこれは動きません。
なぜならgetUserPromiseの中身は下記のように解釈されるからです。

JavaScript
1// 実際に解釈されるコード
2const getUserPromise = () => new Promise((resolve, reject) => {
3  resolve(getUser((err, user) => user));
4});
5
6// 理想(こうなってくれれば正常に動作する)
7const getUserPromise = () => new Promise((resolve, reject) => {
8  getUser((err, user) => resolve(user));
9});