[TIL] Javascript Basics 01

https://ko.javascript.info/

모던 JavaScript 튜토리얼

4.6 옵셔널 체이닝 ~ 5.4 문자열

 

--

 

자바스크립트를 마지막으로 다룬지 꽤 오래되었기도 하고, 이전에 자세히는 몰랐던 세밀한 부분들에 대한 개념을 정립하기 위해 복습함

 

--

 

학습 키워드: 옵셔널 체이닝, 심볼, 객체, 원시형

 

1. 옵셔널 체이닝 (Optional Chaining)

 - 조건문 등을 작성할때 조건에 해당하는 객체의 존재 여부 (null 여부) 를 확인하기 위해 && 를 여러번 사용하여 확인했었는데, 자바스크립트에서는 옵셔널 체이닝 (?.) 이라는 기능을 이용하여 좀 더 간략하게 표기가 가능하다.

 

예시)

  if (list && list.node && list.node.tail) ...  << 기존에 이런 식으로 작성했다면,

  if (list?.node?.tail) ... << 이런 식으로 짧게 작성하여 가독성을 높일 수 있다.

 

2. 심볼 (Symbol)

 - 자바스크립트의 Symbol 은 고유한 값을 가지는 무언가가 필요할 때 사용한다.

 - 써드파티 등 다른곳에서 받아오는 정보들에 임의로 프로퍼티를 추가해야하는 경우에도 사용이 가능하다.

 - Symbol 은 hidden property 라고 하여 몇가지 작업 수행에서 탐색이 되지 않는다고 한다. 이 부분은 나중에 더 자세히 알아볼 필요가 있겠다.

 

 3. 객체(Object)와 원시형 (Primitive)

  - 자바스크립트에는 객체를 원시형으로 바꿔주는 기능이 있다. 이를 수행할때 원시형의 타입을 결정짓는 hint 라는 것이 존재하는데, hint가 string 이냐 number 혹은 default 냐에 따라 toString() 혹은 valueOf() 를 사용한다고 한다는데 이 부분 또한 조금 더 세밀하게 알아봐야겠다.

 

--