구조분해할당에서 질문 있습니다 !

Question

react-query로 가져온 데이터를 구조분해할당할때 undefined처리를 하다가 궁금한게 생겼습니다.type Data &#61; { name?: string;}이런 타입에서 name이라는 데이터를 사용하기위해서const { name } &#61; data ?? {}이런식으로 가져오고있는데 이 식의 뜻이data가 falsy일때 {} 에서 name을 가져온다는건지.. data에서 name이 없을때 {} 를 가져온다는건지... 헷갈려서 질문 올립니다 !혹시 이러한경우에 더 좋은 사용방법이 있으면 알려주시면 감사하겠습니다 !

으악 또 · Answer

작성한 표현식은 ES6 및 ES2020 JavaScript 구문을 사용하고 있습니다. 다양한 구성 요소에 대한 설명은 다음과 같습니다.const: 이 키워드는 JavaScript에서 재할당할 수 없는 변수를 선언하는 데 사용됩니다.{ name }: 객체 분해 구문입니다. 새 변수를 만들고 name값을 할당합니다 data.name.= data: 이것은 단순히 할당입니다. 이 정의된 경우 data코드는 name이로부터 구조를 해체하려고 시도합니다.?? {}: null 병합 연산자입니다. 왼쪽 피연산자가 null이거나 정의되지 않은 경우 오른쪽 피연산자를 반환하고 그렇지 않으면 왼쪽 피연산자를 반환하는 논리 연산자입니다. 여기서는 datanull이거나 정의되지 않은 경우 빈 객체를 {}대신 사용한다는 의미입니다.모두 합치면 코드 라인이 새로운 상수 변수를 생성합니다 name. 의 값을 할당하려고 합니다 data.name. 가 정의되지 않았거나 null 인 경우 런타임 오류를 방지하기 위해 대신 data빈 개체를 사용합니다 . null 또는 정의되지 않았지만 정의되지 않은 {}경우 정의되지 않습니다.datadata.namename 라고 gpt가 그러네용 ㅋ

구조분해할당에서 질문 있습니다 !

1개의 답변

기술 목록