javascript - true と setimout を返す

Question

この関数が返さないのはなぜtrueですか?

function test(str) {
    window.setTimeout(function() {
        if(str == 'ok') {
            return true;
        }
    }, 1000);
}

console.log(test('ok'));

それはまさに私がやりたいことではありません。1 秒後にいくつかのアクションを実行する test() という名前の関数があります。test() が終了したら（タイムアウト後）、次の関数を実行したい。

テストがいつ終了したかを知るにはどうすればよいですか?

score 9 · Accepted Answer

コードをトレースすると、次のようになります。

test()が呼び出されます。
setTimeout1000ミリ秒後に呼び出される関数をスケジュールします。
test()実行を終了し、returnステートメントは実行されなかったため、undefined代わりに返されます。
約1000ミリ秒後に、スケジュールされた関数が起動します。
スケジュールされた関数は何にも戻りtrueません。

言い換えれば、それはそのようには機能しません。JSインタープリターは一時停止せず、タイムアウトを超えて続行します。JSで実行を一時停止することはできません。

代わりに、通常はコールバックを使用します。

function test(str, callback) {
  window.setTimeout(function() {
    if (str === 'ok') {
      callback(true);
    }
  }, 1000);
}

// logs 'true' 1000 ms later
test('ok', function(result) {
  console.log(result);
});

// logs nothing, callback never fires
test('NOTOK!', function(result) {
  console.log(result);
});

このコードは、あなたが期待していたように見えることをさらに実行します。

score 6 · Accepted Answer

呼び出しが非同期でtrueあるため、返されません。setTimeoutまた、コードの戻り値trueは内部関数から取得されます。

このようなプログラムフローを処理する通常の方法は、コールバックを非同期関数に渡すことです。

function test(str, callback) {
    window.setTimeout(function() {
        callback(str == 'ok');
    }, 1000);
}

test('ok', function (result) {
    console.log(result);
});

2 番目の引数として渡された関数は、コードの実行test()時に呼び出されます。setTimeoutコールバック関数への引数は、strあったokかどうかを示します。

score 4 · Accepted Answer

まず、settimeout は非同期メソッドであるため、実際の関数 test() は settimout コードが実行される前に終了して戻ります。

ただし、第二に、テスト関数ではなく settimeout 関数からのみ true を返すため、false 以外は取得されません。

score 1 · Accepted Answer

非同期関数 setTimeout() は 1000 ミリ秒後に実行され、console.log は「テスト」関数を待たずに通常の方法で実行されるため、true は返されません。

javascript - true と setimout を返す

4 に答える 4

Related

Reference