[ES6+] πŸ“ ν™”μ‚΄ν‘œ ν•¨μˆ˜

Mec.D's BlogΒ·2022λ…„ 6μ›” 1일
0

JS ES6+ 비곡식 λ…ΈνŠΈ

λͺ©λ‘ 보기
13/17
post-thumbnail

πŸ“Œ ν™”μ‚΄ν‘œ ν•¨μˆ˜ (Arrow Function)

νŠΉμ§•

  1. this λ₯Ό 갖지 μ•Šμ•„ μƒμœ„ μ‹€ν–‰ μ»¨ν…μŠ€νŠΈμ˜ thisλ₯Ό μŠ€μ½”ν”„ μ²΄μ΄λ‹μœΌλ‘œ κ°€μ Έλ‹€ μ”λ‹ˆλ‹€.
    번거둜운 this 바인딩 μž‘μ—… (call, apply, bind) 을 μ€„μ—¬μ€λ‹ˆλ‹€.

  2. λžŒλ‹€μ‹μœΌλ‘œ ν•¨μˆ˜λ₯Ό μž‘μ„±ν•  수 μžˆμ–΄ κ°„κ²°ν•©λ‹ˆλ‹€.

  3. 항상 읡λͺ…ν•¨μˆ˜λ‘œ μž‘μ„±ν•©λ‹ˆλ‹€.


λ©”μ„œλ“œλ‘œ ν™”μ‚΄ν‘œ ν•¨μˆ˜λ₯Ό μ“°λŠ”κ²Œ μ’‹μ„κΉŒ?

βœ… 별닀λ₯Έ μ΄μœ κ°€ μ—†μœΌλ©΄ ν™”μ‚΄ν‘œ ν•¨μˆ˜λ₯Ό μ“°λŠ” 게 더 νŽΈλ¦¬ν•©λ‹ˆλ‹€.

1. this의 λ™μž‘μ„ μ˜ˆμΈ‘ν•˜κΈ° μ’‹κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€.
2. μ½”λ“œκ°€ κ°„κ²°ν•˜κ³  this 바인딩을 μƒλž΅ν•  수 μžˆμ–΄ 가독성이 μ’‹κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€.


❌ λ©”μ„œλ“œμ— function 을 μ“°λ©΄ ν™”μ‚΄ν‘œ ν•¨μˆ˜λ‘œλŠ” ν•  수 μ—†λŠ” κ³ κΈ‰ 기법을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

profile
기술둜 더 λ‚˜μ€ 미래λ₯Ό λ””μžμΈν•˜λŠ” 개발자 MEC:D μž…λ‹ˆλ‹€

0개의 λŒ“κΈ€