setTimeout関数の楽しみ
- 1. setTimeout(func, t) @mtknnktm
- 3. setTimeout(func, t)って なにするの？ →ぐぐって一番目のサイトには 「指定されたtミリ秒後に指定されたfunc処理 を実行します。戻り値としてタイマーIDが返さ れます。」って書いてあった
- 4. JavaScriptはシングルスレッド →setTimeout(func, 1000)とかしても， その次に while(true){console.log('なんかしてる');} とかしたらどうなるの？
- 5. 1000ミリ秒後に実行されない！？ function foo() { 終わらない… setTimeout(function() {alert('Yeah!');}, 1000); foo() while(true) { function(alert…) console.log('なんか処理'); } 始まらない… } function bar() {なんか処理} foo(); bar();
- 6. 0ミリ秒後を指定すると？ 1秒くらいと function foo() { 0.5秒くらい setTimeout(function() {alert('Yeah!');}, 0); foo() //なんか1秒くらいの処理 bar() fooFunc(); function(alert…) } function bar() { 1.5秒くらい //なんか0.5秒くらいの処理 後にスタート } foo(); bar();
- 7. setTimeout(func, t)って なにするの？ →指定されたtミリ秒後に指定されたfunc処理 を実行キューに詰め込む →関数を非同期に実行する
- 8. シングルスレッドならでは → 楽しい
- 9. setTimeoutの楽しみ方の例 ● 実行中の処理が全て終わった後に、後処理をする ○ 処理の実行順を制御できないライブラリ／フレームワークをな んとかしたいときに使う バブリング終了後にalert('A')をする例 <div> <a>あと</a> </div> 1. B! $('div').click(function(e){alert('DIV');}); 2. DIV! $('a').click(function(e){ 3. A! setTimeout(function(){alert('A');}, 0); alert('B'); });
- 10. Fin