210628 Javascript Optional Chanining 활용

Javascript Optional Chaining 활용

Optional Chaining 을 이용하여 내부 프로퍼티 및 메서드에 접근 가능합니다

  const adventurer = {
    name: 'Alice',
    cat: {
      name: 'Dinah'
    },
    methods () {
      return 'This is methods!'
    }
  }

  const dogName = adventurer.dog?.name
  console.log(docName) // undefined

  console.log(adventurer.someMethods?.()) // 'This is methods!'

  // optional chaining 사용방법
  const greeting = object?.deepProp?.deeperProp?.greet

  // function 호출
  object?.deepProp?.function?.(args)

  // Array 접근
  object?.deepProp?.deepArray?.[5]

  // 구문 
  object?.deepProp?.[console.log("runs if deepProp defined")]