๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ

JavaScript 2023. 2. 19. 'this' ํ‚ค์›Œ๋“œ์˜ ๋‹ค์–‘ํ•œ ์‚ฌ์šฉ 'this' ํ‚ค์›Œ๋“œ์˜ ๋‹ค์–‘ํ•œ ์‚ฌ์šฉ ๋ณธ์ธ์„ ๋‹ด๊ณ  ์žˆ๋Š” ์˜ค๋ธŒ์ ํŠธ๋ฅผ ํ‘œํ˜„ ํ•จ์ˆ˜๋ฅผ ํฌํ•จํ•˜๊ณ  ์žˆ๋Š” ์˜ค๋ธŒ์ ํŠธ (์˜ค๋ธŒ์ ํŠธ ๋‚ด ํ•จ์ˆ˜(๋ฉ”์„œ๋“œ)์—์„œ ์‚ฌ์šฉ, arrow function ์ผ ์‹œ ํ•จ์ˆ˜๋ฐ–์— ์žˆ๋Š” this๋ฅผ ๊ทธ๋Œ€๋กœ ์‚ฌ์šฉ) window (์ „์—ญ์— ์„ ์–ธ, ํ•จ์ˆ˜ ์•ˆ์— ์„ ์–ธ(strict ๋ชจ๋“œ์—์„  undefined)) -> ํ•จ์ˆ˜๋‚˜ ๋ณ€์ˆ˜๋ฅผ ์ „์—ญ ๊ณต๊ฐ„์— ๋งŒ๋“ค๋ฉด window(global object)์—์„œ ๋ณด๊ด€ํ•˜๊ธฐ ๋•Œ๋ฌธ constructor์—์„œ์˜ this ํ‚ค์›Œ๋“œ ์ƒˆ๋กœ ์ƒ์„ฑ๋˜๋Š” object(instance)๋ฅผ ์˜๋ฏธ addEventListener์˜ function์—์„œ ์‚ฌ์šฉ ์‹œ e.currentTarget ( e.currentTarget๋Š”? ์ด๋ฒคํŠธ๊ฐ€ ๋™์ž‘ํ•˜๊ณ  ์žˆ๋Š” HTML ์š”์†Œ ) ๋ณธ์ธ์„ ๋‹ด๊ณ  ์žˆ๋Š” ์˜ค๋ธŒ์ ํŠธ๋ฅผ ํ‘œํ˜„ let data = {..

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”