πŸ‘¨πŸ»β€πŸ’» λͺ¨λ˜ λ¦¬μ•‘νŠΈ Deep Dive

pjw__98Β·2023λ…„ 12μ›” 30일
1
post-thumbnail

πŸ“š 챕터

객체 μ΄ˆκΈ°μžλž€ 무엇인가

πŸ“† ν•™μŠ΅ λ‚ μ§œ

2023 / 12 / 30 (ν† )


πŸ‘¨πŸ»β€πŸ’» ν•™μŠ΅ λ‚΄μš©

🎯객체 초기자(object shorthand assignment)

객체 초기자(object shorthand assignment)λŠ” ES5에 λ„μž…λœ κΈ°λŠ₯이며,
객체λ₯Ό μ„ μ–Έν•  λ•Œ 객체에 λ„£κ³ μž ν•˜λŠ” 킀와 값을 κ°€μ§€κ³  μžˆλŠ” λ³€μˆ˜κ°€ 이미 μ‘΄μž¬ν•œλ‹€λ©΄ ν•΄λ‹Ή 값을 κ°„κ²°ν•˜κ²Œ λ„£μ–΄ 쀄 수 μžˆλŠ” λ°©μ‹μ΄λΌκ³ ν•œλ‹€.

<script>
const first = 1
const second = 2

const numbers ={
	first,
    second,
}

// {first: 1 , second: 2}
</script>

μ›λž˜λŒ€λ‘œλΌλ©΄ 객체 μ•ˆμ˜ 킀와 값을 first : first와 같은 ν˜•μ‹μœΌλ‘œ μž‘μ„±ν•΄μ•Ό ν–ˆμ—ˆλŠ”λ°, λ„£μ–΄μ•Ό ν•  킀와 값이 각각 first와 1이고, 이미 ν•΄λ‹Ή λ‚΄μš©μœΌλ‘œ μ„ μ–Έλœ λ³€μˆ˜κ°€ μžˆλ‹€λ©΄ μœ„μ™€ 같은 ν˜•μ‹μœΌλ‘œ μΆ•μ•½ν•΄μ„œ μ„ μ–Έν•˜λŠ” 것이 κ°€λŠ₯ν•΄μ§„ 것이닀.

λ³„λ„μ˜ μž‘μ—…μ„ κ±°μΉ˜μ§€ μ•Šκ³ , λ‹¨μˆœνžˆ 킀와 κ°’ ν• λ‹Ή ν˜•μ‹μœΌλ‘œ λ³€κ²½λμŒμ„ μ•Œ μˆ˜μžˆλ‹€.
객체 초기자λ₯Ό μ‚¬μš©ν•  경우 객체λ₯Ό μ’€ 더 κ°„νŽΈν•˜κ²Œ μ„ μ–Έν•  수 있기 λ•Œλ¬Έμ— 맀우 μœ μš©ν•˜λ©°, λ°”λ²¨λ‘œ 트랜슀파일(λ³€ν™˜)을 해도 크게 λ³€ν•˜μ§€ μ•ŠλŠ” 것을 확인할 수 μžˆμ„κ²ƒμ΄λ‹€.

λ²¨λ‘œκ·Έκ°€ 1인 μš΄μ˜μ„ ν•˜κ³  μžˆλŠ”κ±Έλ‘œ μ•Œκ³ μžˆλŠ”λ°, 
1인 μš΄μ˜μΈλ°λ„ λΆˆκ΅¬ν•˜κ³  λΉ λ₯Έ μ‹œμΌ 내에 μ—…λ°μ΄νŠΈλ₯Ό ν•œ 것 κ°™μ•„μ„œ λ§ˆμŒλ„ νŽΈν•΄μ§„κ²ƒκ°™λ‹€.. 
κ°μ‚¬ν•©λ‹ˆλ‹€πŸ˜Œ 

➑️ λ‹€μŒ κΈ€μ—μ„œλŠ” Array ν”„λ‘œν† νƒ€μž…μ˜ λ©”μ„œλ“œλ“€μ— λŒ€ν•΄ μ‚΄νŽ΄λ³΄μž.

profile
β˜„οΈ

0개의 λŒ“κΈ€