event-loop

巷で言われる「イベントループをブロックするな」を理解したくて、
latentflip/loupeを触り、理解をアウトプットしたものです。

Transcript

1. 
   ໺ᖒ &WFOU-PPQΛ
   MBUFOUGMJQMPVQF͚ͩͰཧղ͢Δ TFU5JNFPVU GVODUJPO
   
   \
   
   
   
   
   FYQMBJO8IBU*T5IF&WFOU-PPQ 
   ^
    
2. εϥΠυͷΰʔϧ ͜ΕΛཧղ͢Δ &WFOU-PPQΛϒϩοΫ͢Δͳ
3. ํ๏ ʮ&WFOU-PPQΛϒϩοΫ͢Δʯ
   ʮ&WFOU-PPQΛϒϩοΫ͍ͯ͠ͳ͍ʯ
   
   
   ͷ྆ํΛ࣮ࡍʹ֬ೝ͢Δɻ
   
   
   MBUFOU fl JQMPVQFΛσϞʹ࢖༻ͨ͠ϋϯζΦϯΛߦ͏ɻ
4. MPVQFͱ͸
5. 7JTVBMJ[JOH
   UIF
   KBWBTDSJQU
   SVOUJNF
   BU
   SVOUJNF w +4$POG
   &6ͷϓϨθϯͰ࢖༻ͨ͠ &WFOU-PPQͷઆ໌༻πʔϧ
   w 8FCαʔϏε Φʔϓϯιʔε
   w ϓϨθϯಈը͸ສճ࠶ੜ
   w &WFOU-PPQΛઆ໌͢ΔผͷϓϨθϯͰ࡞ͬͨ LFZOPUF͕ॏ͍ΞχϝʔγϣϯͰյΕɺεϥΠυͷ ࡞Γ௚͕͠ݏͰMPVQFΛ࡞ͬͨͦ͏
   w εϐʔΧʔ
   1IJMJQ
   3PCFSUTͷ(JUIVCΞΧ΢ϯτ໊ ͸MBUFOU fl JQ MPVQFͱ͸ IUUQTXXXZPVUVCFDPNXBUDI WB(I;2LP'C2
7. MPVQFͷཧղ
8. ͱʹ͔͘
   ಈ͔ͯ͠Έ·͠ΐ͏ IUUQMBUFOU fl JQDPNMPVQF DPEF+$WCJHO:O7E(V+ZXH+/TB8/S+ZXH;O7V:3QCHC%C(MKBZHQ*)T,*$"H*)/ME'3QC87WE92P;O7V:3QCHE(MU;9*P,4#$J"H*$
9. -*'0
10. w Ͳͷؔ਺͕࣮ߦ͞Εɺͦͷؔ਺ ͷதͰͲͷؔ਺͕ݺͼग़͞Εͨ ͔Λه࿥͢Δσʔλߏ଄
    w ؔ਺ݺͼग़͠Ͱ$BMM
    4UBDLʹ 1VTI͞Εɺؔ਺͕SFUVSO͞ΕΔ ࣌·ͨ͸ؔ਺ͷ࠷ޙ·Ͱ࣮ߦ͞ ΕΔͱ$BMM
    4UBDL͔Β1PQ͞ΕΔ $BMM
    4UBDLͱ͸
11. $BMM
    4UBDLͱ͸ ؔ࿈ɿ4UBDL
    5SBDF
12. $BMM
    4UBDLͱ͸ ؔ࿈ɿ4UBDL
    0WFS
    'MPX
14. w +BWB4DSJQUͷϥϯλΠϜ 7౳ʣࣗମ ͕ఏڙ͍ͯ͠Δ΋ͷͰ͸ͳ͘ɺϒϥ΢ βʔ΍ଞͷϗετ؀ڥʹΑͬͯఏڙ͞ ΕΔิॿతͳ"1*܈ͷ͜ͱ
    w ϒϥ΢βʔ"1*ͱαʔυύʔςΟ"1*͕ ͋Δ
    w ϒϥ΢βʔ"1*ͷྫ
    %0.
    "1*
    'FUDI
    "1*
    8FC(-
    w αʔυύʔςΟ"1*ͷྫ
    5XJUUFS
    "1*
    (PPHMF
    .BQT
    "1*
    :PVUVCF
    "1* 8FC
    "1*Tͱ͸
15. '*'0
16. +BWB4DSJQUΤϯδϯʹΑͬͯ࣍ʹॲཧ͞ΕΔ΋ͷ͕଴ػ͢Δ৔ॴ $BMMCBDL
    2VFVFͱ͸ IUUQTFOHJOFFSJOHNFSDBSJDPNCMPHFOUSZBFBB
17. MPVQFͷσϞ
18. $BMM
    4UBDL͚ͩ࢖͏ྫ GVODUJPO
    EP.BUI
    \
    
    
    SFUVSO
    
    
    
    ^
    GVODUJPO
    HSFFUJOH
    \
    
    
    SFUVSO
    )FMMP
    ^
    EP.BUI 
    DPOTPMFMPH HSFFUJOH
    
    
    8PSME 
19. $BMM
    4UBDL͚ͩ࢖͏ྫ <   >GPS&BDI GVODUJPO J
    \
    
    
    
    
    DPOTPMFMPH J 
    ^ 
20. 8FC
    "1*TΛ࢖͏ྫ <   >GPS&BDI GVODUJPO J
    \
    
    
    
    
    TFU5JNFPVU GVODUJPO
    
    \
    
    
    
    
    
    
    
    
    DPOTPMFMPH J 
    
    
    
    
    ^
     
    ^ 
21. $BMM
    4UBDL͚ͩ࢖͏ϒϩοΩϯάྫ <   >GPS&BDI GVODUJPO J
    \
    
    
    
    
    EFMBZ 
    ^ 
    DPOTPMFMPH -BUFODZTFOTJUJWF
    QSPDFTTFT 
22. 8FC
    "1*TΛ࢖ͬͯϒϩοΩϯά͍ͯ͠ͳ͍ྫ <   >GPS&BDI GVODUJPO J
    \
    
    
    
    
    TFU5JNFPVU GVODUJPO
    
    \
    
    
    
    
    
    
    
    EFMBZ 
    
    
    
    
    ^
     
    ^ 
    DPOTPMFMPH -BUFODZTFOTJUJWF
    QSPDFTTFT 
23. Ҏ্Ͱ͢