일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
- 모던 자바스크립트
- 놀러와요_해커톤
- 변수
- 인프콘
- 우선순위역전
- 회고
- OS
- 우선순위상속프로토콜
- GDSC
- CSSOM
- js
- javascript
- 데이터독립성
- 브라우저 렌더링
- GDSC_PKNU
- 상태관리
- 확인문제
- 부스트캠프
- CRDT
- Java
- 그룹프로젝트
- 부스트캠프웹모바일
- DB #데이터베이스
- 멤버십
- 부스트컨퍼런스
- 운영체제
- 렌더 트리
- 타입
- 모던자바스크립트
- 부스트캠프7기
- Today
- Total
dohun.log
[JS] 표현식과 문 - 모던 자바스크립트 Deep Dive 본문
5.1 값
값은 표현식이 평가되어 생성된 결과를 말한다.
평가: 식을 해석해서 값을 생성하거나 참조하는 것
5.2 리터럴
리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다.
리터럴 | 예시 | 비고 |
---|---|---|
정수 리터럴 | 100 | |
부동소수점 리터럴 | 10.5 | |
2진수 리터럴 | 0b01000001 | 0b로 시작 |
8진수 리터럴 | 0o101 | ES6에서 도임. 0o로 시작 |
16진수 리터럴 | 0x41 | ES6에서 도입. 0x로 시작 |
문자열 리터럴 | "Dohun" | |
불리언 리터럴 | true, false | |
객체 리터럴 | { name: 'Dohun', address: 'Busan' } |
5.3 표현식
표현식은 값으로 평가될 수 있는 문이다. 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존 값을 참조한다.
var score = 80;
80은 리터럴이고 리터럴 80은 JS 엔진에 의해 평가되어 값을 생성하므로 리터럴은 그 자체로 표현식이다.
var score = 40 + 40;
40 + 40은 리터럴과 연산자로 이루어져 있다. 40 + 40은 평가되어 숫자 80을 생성하므로 표현식이다.
score;
변수 식별자를 참조하면 변수 값으로 평가된다. 값을 생성하지는 않지만 값으로 평가되므로 표현식이다.
값으로 평가될 수 있는 문은 모두 표현식이다. → 값이 위치할 수 있는 자리에는 표현식도 위치할 수 있다.
5.4 문
문은 프로그램을 구성하는 기본 단위이자 최소 실행 단위다.
문은 여러 토큰으로 구성된다. 토큰이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미한다.
var sum = 1 + 2;
var
, sum
, =
, 1
, +
, 2
, ;
모두 토큰이다.
문은 명령문이다. → 문은 컴퓨터에게 내리는 명령이다. (선언문, 할당문, 조건문, 반복문 등)
5.5 세미콜론과 세미콜론 자동 삽입 기능
세미콜론(;)은 문의 종료를 나타낸다. JS 엔진은 세미콜론으로 문이 종료한 위치를 파악하고 순차적으로 문을 하나씩 실행한다.
코드 블록({...}) 뒤에는 세미콜론을 붙이지 않는다.
❓꼭 세미콜론을 붙여야 하나요?
🔆 문의 끝에 붙이는 세미콜론은 옵션이다. (생략 가능)
ASI - Automatic Semicolon Insertion(세미콜론 자동 삽입 기능)
JS 엔진이 소스코드를 해석할 때 문의 끝이라고 예측되는 지점에 세미콜론을 자동으로 붙여주는 기능
5.6 표현식인 문과 표현식이 아닌 문
표현식은 문의 일부일 수도 있고 그 자체로 문이 될 수도 있다.
var x;
x = 1 + 2;
var x 같은 경우는 값으로 평가될 수 없기 때문에 표현식이 아니다.
x = 1 + 2 는 표현식이면서 완전한 문이다.
표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는 것이다.
표현식이 아닌 문은 값으로 평가할 수 없으므로 변수에 할당하면 에러가 발생한다.
var foo = 10; // 10은 표현식이다. 따라서 값으로 평가될 수 있다.
var foo = var x; // 변수 선언문은 표현식이 아닌 문이다. 따라서 값으로 평가될 수 없다.
var foo = x = 10; // x = 10은 그 자체가 표현식이다. 따라서 값으로 평가될 수 있다.
'Study > JavaScript' 카테고리의 다른 글
[JS] 참조에 의한 전달과 옵저버 패턴 (0) | 2022.05.31 |
---|---|
[JS] 원시 값과 객체의 비교 (0) | 2022.05.10 |
[JS] 데이터 타입 - 모던 자바스크립트 Deep Dive (0) | 2022.04.11 |
[JS] 변수 - 모던 자바스크립트 Deep Dive (0) | 2022.04.10 |