강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

jaehong_choi님의 프로필 이미지
jaehong_choi

작성한 질문수

트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술

카드 생성 2 - API 연동

onSubmit 메서드 내 변수 할당에 대해 질문드립니다.

작성

·

194

0

안녕하세요

onSubmit 메서드 내에서 const {inputTitle, listId} = this를 통해 변수를 할당하신 것에 대해 질문드립니다.

this.inputTitle, this.listId 이런식으로 사용할 수 있을 것 같은데 특별히 저렇게 사용하신 이유가 있는지 궁금합니다. 제 생각에는 가독성 및 es6의 속성 초기화 문법 (https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Object_initializer#%EC%86%8D%EC%84%B1%EC%A0%95%EC%9D%98) 을 이용하기 위해 사용하신 것 같은데 맞는지...

궁금합니다.

항상 좋은 강의 감사드립니다.

답변 1

1

김정환님의 프로필 이미지
김정환
지식공유자

const inputTitle = this.inputTitle

const listId = this.listId

로 사용할수도 있고요.

const {inputTitle, listId} = this

로도 사용할수 있습니다.

코드량이 적어서 사용한 표현이에용.

객체 구조 분해라고도 부릅니다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment

jaehong_choi님의 프로필 이미지
jaehong_choi

작성한 질문수

질문하기