모던 자바스크립트 딥다이브 5장 정리

2024. 2. 29. 15:49· FE/리뷰

값

10 + 20; // 10 + 20 은 평가되어 숫자 값 30을 생성
  • 식(표현식)이 평가되어 생성된 결과
  • 모든 값은 데이터 타입을 가지며 메모리에 2진수 비트의 나열로 저장됨
  • 변수에 할당되는 것은 값 

 

리터럴

//1. 리터럴 표현식
10
'hello'

//2. 식별자 표현식(선언이 이미 존재한다고 가정)
sum
arr[1]

//3. 연산자 표현식
10 + 20
sum = 10

//4. 함수, 메서드 호출 표현식(선언이 이미 존재한다고 가정)
sol()
  • 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법
  • 자바스크립트 엔진은 코드가 실행되는 런타임에 리터럴을 평가해 값을 생성

 

표현식

  • 값으로 평가될 수 있는 문(리터럴, 식별자, 연산자, 함수 호출 등)
  • 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조함

 

 

문

  • 프로그램을 구성하는 기본 단위이자 최소 실행 단위
  • 문의 집합으로 이루어진 것이 바로 프로그램
  • 문을 작성하고 순서에 맞게 나열하는 것이 프로그래밍
  • 문은 여러 토큰으로 구성됨
  • 명령문이라고 부름
  • 컴퓨터에 내리는 명렁
  • 선언문
  • 할당문
  • 조건문
  • 반복문

 

토큰

  • 문법적인 의미를 가짐
  • 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소
var   sum    =    1     +     2     ;    => 문

  ↓    ↓     ↓    ↓     ↓     ↓     ↓

토큰  토큰  토큰 토큰  토큰 토큰  토큰

 

 

세미클론

  • 문의 종료를 나타냄
  • 자바스크립트 엔진은 세미클론으로 문이 종료한 위치를 파악하고 순차적으로 하나씩 문을 실행
  • 세미클론 생략 가능함
  • 자바스크립트 엔진이 소스코드를 해석할 때 문의 끝이라고 예측되는 지점에 세미클론을 자동으로 붙여주는 세미클론 자동 삽입 기능(ASI)이 암묵적으로 수행됨

 

표현식인 문 vs 표현식이 아닌 문

var x; // 선언문은 값으로 평가될 수 없으므로 표현식이 아닌 문

x = 10; // 값으로 평가할 수 있으므로 표현식인 문
  • 표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는 것
  • 표현식인 문은 값으로 평가되기 때문에 변수에 할당 가능
  • 표현식이 아닌 문은 값으로 평가할 수 없으므로 변수에 할당하면 에러 발생
  • 크롬 개발자 도구에서 표현식이 아닌 문을 실행하면 언제나 undefined를 출력함 => 완료 값

'FE > 리뷰' 카테고리의 다른 글

모던 자바스크립트 딥다이브 7장 정리  (0) 2024.03.09
모던 자바스크립트 딥다이브 6장 정리  (0) 2024.03.08
모던 자바스크립트 딥다이브 4장 정리  (0) 2024.02.28
모던 자바스크립트 3장 정리  (0) 2024.02.19
모던 자바스크립트 딥다이브 2장 정리  (0) 2024.02.15
'FE/리뷰' 카테고리의 다른 글
  • 모던 자바스크립트 딥다이브 7장 정리
  • 모던 자바스크립트 딥다이브 6장 정리
  • 모던 자바스크립트 딥다이브 4장 정리
  • 모던 자바스크립트 3장 정리
따봉치치
따봉치치
따봉치치
김치치의개발블로그
따봉치치
전체
오늘
어제
  • 분류 전체보기 (359)
    • 면접질문 (4)
    • CS (50)
    • FE (116)
      • Javascipt (16)
      • Typescipt (6)
      • React (16)
      • CSS (5)
      • Nextjs (1)
      • 리뷰 (70)
    • Algorithm (181)
    • ETC (3)
      • Bootcamp (4)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 백트래킹
  • 모던 자바스크립트 딥다이브
  • 모던 리액트 딥다이브
  • BFS
  • CS
  • javascript
  • Fe
  • 스택
  • 자바스크립트
  • 백준
  • BOJ
  • 투 포인터
  • 그래프 탐색
  • 리액트
  • 우선순위 큐
  • Greedy
  • 누적합
  • 자료구조
  • react
  • TOPCIT
  • C++
  • 문자열
  • 데이터베이스
  • 알고리즘
  • dp
  • 그리디
  • Stack
  • 완전탐색
  • typescript
  • 탐욕 알고리즘

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
따봉치치
모던 자바스크립트 딥다이브 5장 정리
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.