본문 바로가기

자바스크립트 DeepDive

자바스크립트 DeepDive 5장 표현식과 문

반응형

5.1 값

  • 값은 식이 평가되어 생성된 결과를 말함.
  • 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미
var sum = 10 + 20; // 변수에는 10 + 20이 평가되어 생성된 숫자 값 30이 할당

5.2 리터럴

  • 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법
  • 리터럴은 평가되어 값을 생성
  • 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성함.
ex) 정수 리터럴, 부동소수점 리터럴, 2진수 리터럴, 16진수 리터럴, 문자열 리터럴, null 리터럴, undefined 리터럴

5.3 표현식

  • 표현식은 값으로 평가될 수 있는 문
  • 리터럴은 값으로 평가 → 리터럴도 표현식

5.3.1 산술 연산자

  • 피연산자를 대상으로 수학적 계산을 수행해 새로운 숫자 값을 만듬
  • 산술 연산이 불가능한 경우, NaN을 반환

5.4. 문

  • 문은 프로그램을 구성하는 기본 단위이자 최소 실행 단위
  • 문의 집합으로 이루어 진 것이 바로 프로그램
  • 문은 여러 토큰으로 구성됨. 토큰이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소
const a = 1; 

const, a, = , 1 , ; 각각 토큰에 해당됨.
  • 문은 명령문이라고 함.
  • 컴퓨터에 내리는 명령.

5.5. 세미콜론과 세미콜론 자동 삽입 기능

  • 세미콜론(;)은 문의 종료를 의미.
  • 문의 끝에 붙이는 세미콜론은 옵션이다. 즉, 세미콜론은 생략이 가능 → 자바스크립트 엔진이 소스코드를 해석할 때, 문의 끝이라고 예측되는 지점에 세미콜론을 자동으로 붙여주는 세미콜론 자동 삽입 기능이 암묵적으로 수행

5.5.1 eslint

  • ‘작성한 JS코드가 EcmaScript재단에서 명시한 Specifiaction에 부합하는지 검사해주는 툴’
  • ES는 EcmaScript로서 Ecma재단에서 만든 Script Specification이라 할 수 있고, Lint는 에러가 있는 코드에 표시를 달아주는 것을 의미한다.
  • https://eslint.org/
 

Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript Linter

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

eslint.org

https://rexiann.github.io/2020/12/13/what-is-eslint.html

 

ESLint에 대해 알아보자

ESLint란 무엇일까? 한마디로 ‘작성한 JS코드가 EcmaScript재단에서 명시한 Specifiaction에 부합하는지 검사해주는 툴’ 이라고 할 수 있다. ESLint는 문자 그대로 ES와 Lint를 합친 것이다.

rexiann.github.io

5.6 표현식인 문과 표현식이 아닌 문

  • 표현식인 문은 값으로 평가될 수 있음.
  • 표현식이 아닌 문은 값처럼 사용할 수 없음.
반응형