inflearn logo
강의

Course

Instructor

Practical JavaScript

nulish coalescing 과 optional chaining의 차이점은 무엇인가요?

359

groovejumat

6 asked

0

해당 두기능의 코드적인 역할을 보면, 두개의 값 모두 undefined와 null의 유무를 or로 검사하고, 그에 따른 값을 반환해주는다는 입장에서 똑같은 기능인 듯 한데, 어떤 차이점으로 인해서 구분이 되어져 있는지 궁금합니다. 제가 개념적으로 놓친 부분이 있는 것 같습니다.

추가적으로 vscode환경상에서 javascript코드를 바로실행하시는데, 해당 환경을 어떻게 구성하셨는지 여쭙고 싶습니다. runcode라는 vscode모듈로는 예제에서 실행이 안되는 코드가 있어서요.(말씀드린 두 문법도 vscode상에서는 실행이 안되서 테스트해보기가 힘듭니다.)

javascirpt es6 javascript

Answer 1

1

landvibe

안녕하세요
nullish coalescing 은 기본값을 입력할 때 사용하고, optional chaining 은 속성에 (편하게) 접근할 때 사용합니다
따라서 사용하는 목적이 다르다고 볼 수 있습니다

bestFriend 가 없을 수도 있을 때, optional chaining 을 이용하면 편하게 코드를 작성
>> user.bestFriend?.name

bestFriend 가 없을 수도 있을 때, nullish coalescing 을 이용해서 기본값 정의
>> user.bestFriend?.name ?? 'unknown'

두 문법은 nodejs 최신 버전을 설치하셔야 실행할 수 있습니다 (아마도 v14 이상인 것 같네요)

10월 15일 삭제예정 강의 문의

0

13

0

강의제목에 10/15일 삭제라고 나와있는데,

0

45

1

스크립트 영상 미일치

0

71

3

감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.

0

53

2

강의 설명 중에 헷갈리는 것이 있네요

0

49

1

수업자료 관련 문의

0

65

3

1강 동영상 재생 오류

1

65

2

yield 입력값

0

426

1

화살표함수에서 아규먼츠를 사용할수없어서 매개변수를 사용하라고 하셨는데..

0

344

1

실전자바스크립트 var문제점

0

323

1

강의 자료는 어디 있나요?

0

328

1

github에 정리좀하려고하는데, 해당 예제코드들 따로 공유가능할ㄲ요?

0

285

1

3:18 부분 질문드립니다. (lexical environment)

0

274

1

2:30초 경 그림 질문

0

387

3

constructor 질문있습니다!

0

297

2

프로토타입 예제에서 궁금한게 있습니다.

0

278

2

마지막 예제 질문드립니다.

1

237

1

궁금해서 명세를 찾아봤는데요

1

254

3

2:24경 설명

1

208

1

7분42초

1

195

1

리액트 내에서 const질문입니다.

1

224

1

궁금한것이 있습니다.

1

362

1

sample 파일 예제 소스는 어디있죠 ??

1

295

1

각 함수가 실행되면

2

201

1