π§ Π€ΡΠ½ΠΊΡΠΈΠΈ Π² JavaScript
Map of Content Π΄Π»Ρ ΡΡΠ½ΠΊΡΠΈΠΉ: ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΈΡ, Π·Π°ΠΌΡΠΊΠ°Π½ΠΈΡ, ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡ this, ΡΡΠ½ΠΊΡΠΈΠΈ Π²ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΡΡΠ΄ΠΊΠ°, ΠΊΠ°ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠ΅ ΠΏΠ°ΡΡΠ΅ΡΠ½Ρ.
π ΠΠ³Π»Π°Π²Π»Π΅Π½ΠΈΠ΅
ΠΠ°ΡΠ΅ΠΌ Π½ΡΠΆΠ½ΠΎ
Π€ΡΠ½ΠΊΡΠΈΠΈ -- ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΡΡΡΠΎΠΈΡΠ΅Π»ΡΠ½ΡΠΉ Π±Π»ΠΎΠΊ JavaScript. Π JS ΡΡΠ½ΠΊΡΠΈΠΈ ΡΠ²Π»ΡΡΡΡΡ "Π³ΡΠ°ΠΆΠ΄Π°Π½Π°ΠΌΠΈ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ ΠΊΠ»Π°ΡΡΠ°": ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅Π΄Π°Π²Π°ΡΡ ΠΊΠ°ΠΊ Π°ΡΠ³ΡΠΌΠ΅Π½ΡΡ, Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡ ΠΈΠ· Π΄ΡΡΠ³ΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΉ ΠΈ Ρ ΡΠ°Π½ΠΈΡΡ Π² ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ . ΠΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π·Π°ΠΌΡΠΊΠ°Π½ΠΈΠΉ, ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ° ΠΈ ΡΡΠ½ΠΊΡΠΈΠΉ Π²ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΡΡΠ΄ΠΊΠ° -- ΠΊΠ»ΡΡ ΠΊ ΡΡΠ΅Π½ΠΈΡ ΠΈ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ JS.
πΊ ΠΡΡΡ ΠΎΠ±ΡΡΠ΅Π½ΠΈΡ
π’ ΠΠ°ΡΠΈΠ½Π°ΡΡΠΈΠΉ
ΠΠ±ΡΡΠ²Π»Π΅Π½ΠΈΠ΅ ΡΡΠ½ΠΊΡΠΈΠΉ
- Function Declaration
- Function Declaration
- Arrow Function
- ΠΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΈ Π°ΡΠ³ΡΠΌΠ΅Π½ΡΡ
- ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
- ΠΠΏΠ΅ΡΠ°ΡΠΎΡ return
ΠΠ±Π»Π°ΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ
- Scope
- ΠΠ»ΠΎΠ±Π°Π»ΡΠ½Π°Ρ ΠΈ Π»ΠΎΠΊΠ°Π»ΡΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ
- ΠΠ»ΠΎΡΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ -- let ΠΈ const
- Hoisting -- ΠΏΠΎΠ΄Π½ΡΡΠΈΠ΅ ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΈΠΉ
ΠΡΠ°ΠΊΡΠΈΠΊΠ°
- Π§ΠΈΡΡΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ
- Π€ΡΠ½ΠΊΡΠΈΠΈ -- ΠΈΠΌΠ΅Π½ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π»ΡΡΡΠΈΠ΅ ΠΏΡΠ°ΠΊΡΠΈΠΊΠΈ
- IIFE
π‘ Π‘ΡΠ΅Π΄Π½ΠΈΠΉ
ΠΠ°ΠΌΡΠΊΠ°Π½ΠΈΡ
- ΠΠ°ΠΌΡΠΊΠ°Π½ΠΈΡ (Closures)
- ΠΠ°ΠΌΡΠΊΠ°Π½ΠΈΡ (Closures)
- ΠΠ°ΠΌΡΠΊΠ°Π½ΠΈΡ -- funarg-ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°
- ΠΠ°ΠΌΡΠΊΠ°Π½ΠΈΠ΅ Π² ΡΠΈΠΊΠ»Π΅ -- ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ½Π½Π°Ρ ΠΎΡΠΈΠ±ΠΊΠ°
- ΠΡΠΈΠ²Π°ΡΠ½ΠΎΡΡΡ ΡΠ΅ΡΠ΅Π· Π·Π°ΠΌΡΠΊΠ°Π½ΠΈΡ
ΠΠΎΠ½ΡΠ΅ΠΊΡΡ this
- this
- this
- this
- this Π² ΠΎΠ±ΡΡΠ½ΡΡ ΠΈ ΡΡΡΠ΅Π»ΠΎΡΠ½ΡΡ ΡΡΠ½ΠΊΡΠΈΡΡ
- this Π² callback ΠΈ API
- call ΠΈ apply
- ΠΠΎΡΠ΅ΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ° -- ΡΠΈΠΏΠΈΡΠ½ΡΠ΅ ΡΠ»ΡΡΠ°ΠΈ
Π€ΡΠ½ΠΊΡΠΈΠΈ Π²ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΡΡΠ΄ΠΊΠ°
- Π€ΡΠ½ΠΊΡΠΈΠΈ Π²ΡΡΡΠ΅Π³ΠΎ ΠΏΠΎΡΡΠ΄ΠΊΠ°
- Higher-Order Functions
- Callback
- Π§Π΅ΠΉΠ½ΠΈΠ½Π³ ΡΡΠ½ΠΊΡΠΈΠΉ
- Π€ΡΠ½ΠΊΡΠΈΠΈ, Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡΠΈΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ
- ΠΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΉ (pipe, compose)
- ΠΠ΅ΠΊΠΎΡΠ°ΡΠΎΡΡ
π΄ ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠΉ
Π€ΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
- ΠΠ°ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
- Partial Application
- ΠΠ΅ΠΌΠΎΠΈΠ·Π°ΡΠΈΡ
- ΠΠΎΠΌΠΏΠΎΠ·ΠΈΡΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΉ (pipe, compose)
- ΠΠΈΠ½Π·Ρ (Lenses) -- Π€Π getter ΠΈ setter
- ΠΠΌΠΌΡΡΠ°Π±Π΅Π»ΡΠ½ΠΎΡΡΡ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ
- Π Π΅ΠΊΡΡΡΠΈΡ
- Π₯Π²ΠΎΡΡΠΎΠ²Π°Ρ ΡΠ΅ΠΊΡΡΡΠΈΡ
ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡΠ΅ ΠΏΠ°ΡΡΠ΅ΡΠ½Ρ
- Debounce ΠΈ Throttle Π΄Π»Ρ DOM-ΡΠΎΠ±ΡΡΠΈΠΉ
- Π’ΡΠ°ΠΌΠΏΠ»ΠΈΠ½ (Trampoline)
- Thunks
- ΠΠΎΠ½Π°Π΄Ρ -- ΠΎΡΠ½ΠΎΠ²Ρ Π΄Π»Ρ JS-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°
ΠΠ΅Π½Π΅ΡΠ°ΡΠΎΡΡ ΠΈ ΠΈΡΠ΅ΡΠ°ΡΠΎΡΡ
- ΠΡΠ΅ΡΠ°ΡΠΎΡΡ ΠΈ ΠΏΡΠΎΡΠΎΠΊΠΎΠ» ΠΈΡΠ΅ΡΠ°ΡΠΈΠΈ
- ΠΡΠ΅ΡΠ°ΡΠΎΡΡ ΠΈ ΠΏΡΠΎΡΠΎΠΊΠΎΠ» ΠΈΡΠ΅ΡΠ°ΡΠΈΠΈ
- ΠΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΡΠ΅ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡΡ
- ΠΠ΅Π½ΠΈΠ²ΡΠ΅ Π²ΡΡΠΈΡΠ»Π΅Π½ΠΈΡ
π Π‘Π²ΡΠ·Π°Π½Π½ΡΠ΅ Π΄ΠΎΠΌΠ΅Π½Ρ
| ΠΠΎΠΌΠ΅Π½ | Π‘Π²ΡΠ·Ρ |
|---|---|
| _MOC JavaScript | Π ΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠΉ Π΄ΠΎΠΌΠ΅Π½ |
| _MOC ΠΡΠΈΠ½Ρ ΡΠΎΠ½Π½ΠΎΡΡΡ | Callback, Promise, async/await |
| _MOC ΠΠ°ΡΡΠ΅ΡΠ½Ρ | ΠΠ°ΡΡΠ΅ΡΠ½Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΡΠ½ΠΊΡΠΈΠΉ |
| _MOC ΠΠΠ | ΠΠ΅ΡΠΎΠ΄Ρ ΠΊΠ°ΠΊ ΡΡΠ½ΠΊΡΠΈΠΈ |
| _MOC ΠΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ | Debounce, throttle, ΠΌΠ΅ΠΌΠΎΠΈΠ·Π°ΡΠΈΡ |
π§ ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ
| β¬ Π ΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠΉ MOC | _MOC JavaScript |
| β¬ Π Π³Π»Π°Π²Π½ΠΎΠΉ | πΊοΈ MOC |