[05] 이메일 템플릿 생성 2 - Shorthand Property

 

지난 시간에 함수의 인자에 너무 많은 것을을 보내면 인자가 실수로 빠지거나 순서가 바뀔 때 오류가 발생할 수 있는 문제가 있다는 것을 알았다. 그 문제를 해결하기 위해 먼저 아래의 개념을 학습하자

Shorthand Property

먼저 평범한 객체이다

const profile = {
    name : "민우",
    age : 29,
    school : "홍익",    
}

 

객체의 값(value) 에 키의 이름과 같은 변수를 넣어보자

const name = "민우"
const age = 29
const school = '홍익'

const profile2 ={
    name : name,
    age : age,
    school : school
}

 

key 와 value 의 이름이 같을 경우 이를 생략하고 적을 수 있다. 이 개념이 바로 Shorthand Property이다 !

const profile3 = {
    name,
    age,
    school,
}

const profile4 = { name, age, school }

 

결론  :

함수의 인자에 변수가 아닌, shorthand property를 이용해서 객체를 전달하면 훨씬 더 안전하게 변수를 관리할 수 있다.

 

다음 글에서는 함수에서 매개변수를 처리하는 방법을 알아보자