[pt BR] Escreva um JavaScript mais limpo com Operator 옵션 링크

Artigo traduzido e Adaptedo do 오리지널 "JavaScript 옵션 링크"por Kyle Cook.Acessar
이것은 일종의 리듬감, 일종의 리듬감, 일종의 리듬감이다.

const street = person && person.address && person.address.street

O código acima nãO sendo a forma mais concisa ou limpa de verifycar se um objetoéundefined ou null antes de acessar suas propriedades.이것은 동적, 자바스크립트 최종, 무극단, 오페라 배우가 선택할 수 있는 링크이다.

Oqueé 옵션 링크
이것은 언어를 지원하는 데 사용할 선택할 수 있는 링크입니다.
Basicamente는 선택할 수 있는 링크의 이상적인 도구로 고객에게 서비스를 제공하는 도구이며 고객에게 서비스를 제공하는 도구이며 고객에게 서비스를 제공하는 도구이며 빈/정의되지 않은 대상이다.선택할 수 있는 링크 기능은 Vamos olhar a sintaxe básica입니다.

const name = person?.name

codigo acimatemos a variável person que pode oun ser 공백/정의되지 않음정의되지 않은 nós teremos o Seguinter 오류, não sabermos 남동부 person호 법률 공고, não podemos acessar diretation a propriedade name호 법률 공고:

Uncaught TypeError: Cannot read property 'name' of undefined

Usando o operador 옵션 링크(person), podemos Escliver nosso código e acessar Diretatione o ?.Se name은 정의되지 않은 잘못된 투자에 대해 설명합니다.O código acimaéO mesmo que O código seguinte:

const name = person == null ? undefined : person.name

O operador 옵션 링크는 정의되지 않은 정의를 정의하는 데 사용되는 변수 person을 검증합니다.이것은 아주 좋은 예이다. 그 형식은 다음과 같다.

const street = person?.address?.street

códigoémuito mais fácil de ler do que o código original eéum dos melhores examplos de uso do optional chaining.O JavaScript possui diversos usos adicionais para O 옵션 링크 a maioria das outras linguagens n ã O implementam.

선택적 링크 em 함수
O primeiro grande Examplo de uso adicional do optional Chainas chamadas de funções.Vamos olhar um código que descreve uma funão de um objeto que pode ouão estar definido.

const windowCount = house.getWindowCount && house.getWindowCount()

person호 문건의 규정에 따라 서로 다른 등급의 고객을 확인하여 다른 고객이 존재하는지 확인한다. name호 문건의 고객이 다른 고객이 존재하는지 확인한다.

const windowCount = house.getWindowCount?.()

cara pode Pareser estranho가 Ponto final(house)에 표시된 로고는 fun ão 공원에서 열리고 mas issoé porque o가 선택할 수 있는 링크는 Ponto de interroga ão seguido ponto final, n ão apenas um ponto de interroga ão입니다.
미국 뉴멕시코 주에서 선택할 수 있는vai agora 검증 체인점은 차무라주 existir 동남부에 위치한funço getWindowCount Definitida na variável .e이다.이것은 흥미로운 이야기로 이야기는 getWindowCount년에 발생했고 정의되지 않은 이야기는 흥미로운 이야기에서 발생했다.
Essa habilidade는 다양한 언어, 특히 JavaScript, uma vezque 함수, lugares 함수를 구현할 수 있는 흥미로운 알고리즘으로 선택적 링크를 만듭니다.

선택적 링크 em 배열
분타 principal modo que O 옵션 링크 pode ser usadoénos 배열.이것은 수조가 없는 pelo 인덱스 요소로, 수조가 정의한 요소이며, 정확한 요소이다

const firstElement = arr && arr[0]

Usando o operador 옵션 링크 esse código pode ser simplificado para o seguinte:

const firstElement = arr?.[0]

Novatemente pode Pareser estranho o ponto final antes dos colchetes que acessam o elemento do array, mas faz parte da sintaxe do operador 옵션 링크.새로운 꼬꼬바오 기능은 주로 변수 house의 정의, 특히 지수를 검증하는 데 사용된다.Se a var house n n 은 정의된 것으로 추정되며iráretronar는 정의되지 않았습니다.
Essa notaço de colchetes com 옵션 링크 pode ser usada em objetos também.

const name = person?.['name']

언젠가는 목표를 정하는 기초로 여겨질 현실이다.

나비카도 지원
Com todos esses excellentes novos recursosos do JavaScript, 이것은 나비가도(navegador)의 주요 지지자입니다.Infelizmente, o 선택적 링크tem muito pouco support for a dos navegadores mais recentes예술 작품을 보러 갈 시간도, 선택할 수 있는 링크도 없었고 45퍼센트의 내용이 나비가도르에서 나왔다.
Felizmente、porém、vocêainda pode usar esse operador usando ferramentas como o babel para transpilar seu código JavaScript para que navegadores mais antigos Possenêlo.

세인트폴
O operador에서 선택할 수 있는 링크 알고리즘은 outras linguagens tiveram과 luxo de usar por anos, mas óagora estásendo Introductionzido no JavaScript입니다.이것은 navegadores 회사에 있어서 매우 중요한 것이다. 왜냐하면 이것은 귀속 도구이기 때문이다. 이것은 전형적인 예이다. 이것은 귀속 도구로 navegador 회사를 지원하는 데 쓰인다.
유럽연합은 오페라하우스를 바베타 프로젝트에서 더욱 큰 역할을 발휘해 더욱 유연하게 할 것을 제안했다.

Artigo traduzido e adaptado do original "JavaScript Optional Chaining" por Kyle Cook. Acessar/