일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- ignore padding
- BFC
- debouncing
- accordian
- vite
- tailwindCSS
- alias설정
- createPortal
- 문제해결
- 부모패딩
- parent padding
- 함수형프로그래밍
- CustomHook
- Carousel
- useQueryClient
- 제어컴포넌트
- 서초구보건소 #무료CPR교육
- 부모요소의 패딩 무시
- twoarrow
- es6
- QueryClient
- transition
- react
- BlockFormattingContext
- ㅡ
- 조건부스타일
- ?? #null병합연산자
- DOM
- 리액트
- 화살표2개
Archives
- Today
- Total
프론트엔드 첫걸음
?? null 병합 연산자 본문
연산자 ?? 는 검색이 잘 되지 않는다.
"자바스크립트 ?? "
"자바스크립트 연산자 ??"
어떻게 검색해도 삼항연산자 할때 '?' 만 나오고 ..
function head(arr) {
return arr[0] ?? ''
}
이런 코드에서 ??는 바로 null 병합 연산자이다.
이제 키워드를 알았으니 검색할 수 있다.
https://ko.javascript.info/nullish-coalescing-operator
[모던자바스크립트 딥다이브 9.4.3 p.123]
ES11에서 도입된 null 병합 연산자 ??는 좌항의 피연산자가 null 또는 undefined 인 경우 우항의 피연산자를 반환하고, 그렇지 않으면 좌항의 피연산자를 반환한다. null 병합 연산자는 변수에 기본값을 설정할 때 유용하다.
?? 가 도입되기 전에는 논리연산자 ||를 사용한 단축평가를 통해 변수에 기본값을 설정했다. 그러나 falsy인 0 또는 '' 도 기본값으로서 유효하다면 예기치 않은 동작이 발생할 수 있다.
??는 좌항이 0 또는 '' 인 경우 기본값으로 설정한 우항의 피연산자를 반환하지 않는다.
|| 랑 비슷한데 ''랑 0을 truthy취급하는..
'개발 공부 > Javascript' 카테고리의 다른 글
스크롤이 끝나면 alert 띄우기 - removeEventListener (0) | 2022.07.16 |
---|---|
Carousel 만들기 (0) | 2022.07.15 |
async , defer - javascript 렌더링 순서 바꿔 성능높이기 (0) | 2022.07.14 |
이벤트 버블링과 stop propagation (0) | 2022.07.09 |
NodeList와 Array의 차이점 (0) | 2022.04.03 |