> 웹 프론트엔드 > JS 튜토리얼 > Elvis 및 안전 탐색 연산자는 JavaScript 값을 어떻게 보호합니까?

Elvis 및 안전 탐색 연산자는 JavaScript 값을 어떻게 보호합니까?

Barbara Streisand
풀어 주다: 2024-11-04 01:20:03
원래의
389명이 탐색했습니다.

How do the Elvis and Safe Navigation Operators Protect JavaScript Values?

JavaScript 값 보호: Elvis 및 안전한 탐색 연산자

JavaScript에서는 변수가 null이거나 정의되지 않은지 확인하는 것이 오류를 방지하는 데 중요합니다. Elvis 연산자와 안전 탐색 연산자는 이 작업에 도움이 될 수 있는 두 가지 기술입니다.

Elvis 연산자: 조건부 단축키

Java의 삼항 연산자인 Elvis 연산자와 유사합니다. (?:)는 왼쪽 표현식이 false, null 또는 정의되지 않은 것으로 확인되면 기본값을 할당합니다. 예를 들면 다음과 같습니다.

const displayName = user.name ?: "Anonymous";
로그인 후 복사

user.name이 존재하고 비어 있지 않으면 displayName이 해당 값을 받습니다. 그렇지 않으면 기본값은 "Anonymous"입니다.

안전한 탐색 연산자: NullPointerException 방지

안전한 탐색 연산자(?.)는 잠재적으로 null인 속성에 액세스할 때 NullPointerException을 방지합니다. 사물. 예외를 발생시키는 대신 단순히 null을 반환합니다. 예:

const streetName = user?.address?.street;
로그인 후 복사

user 또는 user.address가 null인 경우 streetName은 null로 유지됩니다. 이는 존재하지 않는 개체의 속성에 액세스할 때 오류를 방지합니다.

JavaScript의 대안

현재 JavaScript에는 Elvis 연산자가 없습니다. 대신 조건부 할당에 논리 OR 연산자(||)를 사용할 수 있습니다.

const displayName = user.name || "Anonymous";
로그인 후 복사

그러나 안전 탐색 연산자에 직접적으로 상응하는 것은 없습니다. 비슷한 기능을 원한다면 실존 연산자를 제공하는 CoffeeScript를 사용해 보세요.

const zip = lottery.drawWinner?().address?.zipcode;
로그인 후 복사

CoffeeScript는 여러 줄 주석, 함수 단축키, "섹시한" 함수 호출과 같은 기타 구문 개선 기능도 제공합니다. 이러한 기능은 JavaScript 코드의 가독성과 표현력을 향상시킬 수 있습니다.

위 내용은 Elvis 및 안전 탐색 연산자는 JavaScript 값을 어떻게 보호합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿