es2020 썸네일형 리스트형 [ES2020] Nullish coalescing operator ?? Optional Chaining에 이어서 ES2020에 추가된 ?? 연산자를 알아보자 Null 병합 연산자 ?? MDN에서는 '왼쪽 피연산자가 null 또는 undefined일 때 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환하는 논리 연산자이다.' 라고 나와있다. 즉, null 과 undefined일 때, 오른쪽 피연산자를 return 한다. a ?? b 의 경우 a 가 null,undefined가 아니라면 a 를 리턴 그 외의 경우는 b 만약 ?? 연산자를 사용하지 않고 위와 같은 경우를 작성한다면 x = (a !== null && a !== undefined) ? a : b; //이 처럼 코드가 길어진다. ?? 와 || 의 차이점 || 와 ??는 null, undefined, 숫자.. 더보기 [ES2020]Optional Chaining - ?. ES2020에 추가된 문법 Optional Chaining을 공부해보자 optional chaining이 필요해! let user = { name: { first: "jo", last: "seungjin" } } user.name.first // "jo" user.address.street //Uncaught TypeError: Cannot read property 'street' of undefined //&& 연산자로 해결 user.address && user.address.street; //lodash 유틸리티 라이브러리 사용 import { get } from "lodash"; get(user, "address.street"); 위와 같이 자바스크립트에서 . 는 참조가 nullish (null 또.. 더보기 이전 1 다음