safe operator 검색 결과
2 개의 검색 결과가 있습니다.
Develop

[JavaScirpt] Optinal Chaining / Safe Operator

존재하지 않을 수 있는 매서드를 호출할 때(사용자장치에서 사용안되는 기능과 같은 상황), optional chaining 을 사용한다. optional chaining을 사용함으로써 메서드를 찾을 수 없는 경우에 예외를 발생시키는 것 대신에 undefined를 반환한다. 예를 들어, 중첩된 구조를 가진 객체에서 obj가 있다. optional chaining이 없이 깊이 중첩된 하위 속성을 찾으려면, 다음과 같이 참조를 확인해야 한다 let nestedProp = obj.first && obj.first.second; obj.first의 값은 obj.first.second의 값에 접근하기 전에 null (그리고 undefined)가 아니라는 점을 검증한다. 이는 만약에 obj.first를 테스트 없이 o..

2021. 9. 26. 01:35
Develop

HTML 조작시 narrowing 하기

html에 있는 엘리먼트를 조작하거나 찾을때 element가 반환될수도 있지만 잘못 이름작성시 null이 반환될 수도 있다. 이러한 이유로 계속해서 개발할 때 브라우저 콘솔에 계속 warning이 찍혔다.. 이러한 warning을 해결하기 위해서는 narrowing 작업을 통해 처리해줘야 한다. 1. 조건문을 활용한 narrowing작업 let 제목 = document.querySelector('#title'); if(제목!=null){ 제목.innerHTML = '반가워요' } 2. safe operator 연산자를 활용한 narrowing작업 let 제목 = document.querySelector('#title'); if(제목?.innerHTML!=undefined){ 제목.innerHTML = '..

2021. 8. 26. 09:10