06 - 데이터 타입

2022. 8. 17.·🎨 프론트엔드 공부/JS & TS

모던 자바스크립트 Deep Dive 정리

표현식 삽입

▶ + 연산자는, 피연산자 중 하나 이상이 문자열인 경우 문자열 연결 연산자로 동작한다

▷ 예)

console.log( 'My name is' + 100 + 20 ); // My name is10020

▶ 템플릿 리터럴에서 ${ } 안에는 표현식이 위치하며, 평가된다

▷ 예)

console.log(`1 + 2 = ${1 + 2}`); // 1 + 2 = 3

 

Null 타입

▶document.querySelector 메서드는 조건에 부합하는 HTML 요소를 검색할 수 없는 경우 에러 대신 null을 반환

▷ 예)

 

<!DOCTYPE html>
<html>
<body>
  <script>
    var element = document.querySelector('.myClass');

    // HTML 문서에 myClass 클래스를 갖는 요소가 없다면 null을 반환한다.
    console.log(element); // null
  </script>
</body>
</html>

 

'🎨 프론트엔드 공부/JS & TS' 카테고리의 다른 글
  • JSDoc 레퍼런스 해부하기 - 2
  • JSDoc 레퍼런스 해부하기 - 1
  • 05 - 표현식과 문
  • 04 - 변수
지식물원
지식물원
지식이 자라는 식물원!
  • 지식물원
    지식물원
    지식물원
  • 전체
    오늘
    어제
    • 분류 전체보기 (510)
      • 🎨 프론트엔드 공부 (247)
        • JS & TS (86)
        • HTML & CSS (22)
        • React & Next (49)
        • Vue & Nuxt (22)
        • 기타 (68)
      • 🤓 기술 학습 & 공부 기록 (116)
        • Node.js (0)
        • Python (37)
        • 백엔드 (0)
        • 딥러닝 (1)
        • 컴퓨터 일반 (72)
        • 개발 인프라 (6)
      • 👨‍💻 프로젝트 경험 (6)
        • Work (0)
        • Toy (6)
      • ⚙️ 개발 팁 & 노하우 (21)
        • 프론트엔드 (6)
        • 기타 (15)
      • ☕️ 커리어 & 인터뷰 준비 (88)
        • 코딩 테스트 (88)
      • 📰 기술 트렌드 & 생각 정리 (4)
      • 📚 기타 (25)
        • 마케팅 (15)
        • 비개발서적 (10)
  • 블로그 메뉴

    • 태그
  • 링크

  • 공지사항

    • 모바일 접속 시 코드 하이라이팅 깨질 때
  • 인기 글

  • hELLO· Designed By정상우.v4.10.3
지식물원
06 - 데이터 타입
상단으로

티스토리툴바