JavaScript | 표현식과 문

uoah·2022년 11월 8일

JavaScript

javascript

목록 보기

5/8

2. 표현식과 문

2.1 값 (Value)

값(Value)은 식(표현식expression)이 평가(evaluate: 식을 해석해서 값을 생성하거나 참조하는 것)되어 생성된 결과

변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름. 따라서 변수에 할당되는 것은 "값".

[예제 1]

// 변수에는 10 + 20이 평가되어 생성된 숫자 값 30이 할당
var sum = 10 + 20;

위 예제는 sum 변수에 할당되는 것은 10 + 20 이 아니라 10 + 20이 평가된 결과인 숫자 값 30.

2.1 리터럴 (literal)

리터럴(literal)은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)
리터럴은 값을 생성하기 위해 미리 약속한 표기법이라고 할 수 있음

리터럴 : 예시

정수 리터럴 : 100
부동소수점 리터널 : 10.5
2진수 리터럴 : 0b01000001 [0b로 시작]
8진수 리터럴 : 0o101 [ES6에서 도입. 0o로 시작]
16진수 리터럴 : 0x41 [ES6에서 도입. 0x로 시작]
문자열 리터럴 : 'Hello', "World"
불리언 리터럴 : true, false
null 리터럴 : null
undefined 리터럴 : undefined
객체 리터럴 : { name : 'Lee', address: 'Seoul' }
배열 리터럴 : [ 1, 2, 3 ]
함수 리터럴 : function() {}
정규 표현식 리터럴 : /[A-Z]+/g

2.3 표현식 (expression)

표현식은 값으로 평가될 수 있는 문. 즉, 표현식이 평가되면 새로운 값을 생성하거나 기존값을 참조한다.

[예제 2]
var score =100;
위 예제에서 100은 리터럴.
리털러 100은 자바스크립트 엔진에 의해 평가되어 값을 생성하므로 리터럴은 그 자체로 표현식.

[예제 3]
var score = 50 + 50;
위 예제에서 50 + 50 은 리터럴과 연산자로 이루어져 있음. 하지만 50 + 50 도 평가되어 숫자값 100을 생성하므로 표현식임.

[예제 3]
score; //100
변수 식별자 참조시 변수 값으로 평가. 식별자 참조는 값을 생성하지 않지만 값으로 평가되므로 표현식임.

즉, 값으로 평가될 수 있는 문은 모두 표현식.

표현식은 값으로 평가하며, 값처럼 사용할 수 있음. 문법적으로 값이 위치할 수 있는 자리에는 표현식도 위치할 수 있다는 것을 의미.

[예제 4]

var x = 1 + 2 ;
// 식별자 표현식 x 는 3 으로 평가
x + 3 ; // 값은 6

2.4 문 (statement)

문은 프로개름을 구성하는 기본 단위이자 최소 실행 단위로 여러 토큰으로 구성.
토큰이란 문법적인 의미를 가지며, 문법적으로 더 이상 나눌 수 없는 코드의 기본 요소를 의미.

문은 컴퓨터에 내리는 명령으로 명령문이라고도 부름.
문은 선언문, 할당문, 조건문, 반복문 등으로 구분할 수 있음.

[예제 5]

// 변수 선언문
var x;
// 할당문
x = 5;
// 함수 선언문
function foo () {}
// 조건문
if ( x > 1 ) { console.log(x); }
// 반복문
for (var i = 0; i < 2; i++) { console.log(i);}

2.5 세미콜론과 세미콜론 자동 삽입 기능

세미콜론(;)은 문의 종료를 나타냄.
문을 끝낼 때는 세미콜론을 붙여야 함.
단, 0개 이상의 문을 중괄호로 묶은 코드 불록 ({...}) 뒤에는 세미콜론을 붙이지 않음. (왜? 이러한 코드 블록은 언제나 문의 종료를 의미하는 자체 종결성을 갖기 때문)

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

[예제 6]

// 변수 선언문은 값으로 평가될 수 없으므로 표현식이 아님
var x ;
// 1, 2, 1 + 2, ㅌ = 1 + 2 는 모두 표현식
// x = 1 + 2 는 표현식이면서 완전한 문
x = 1 + 2 ;

< 표현식과 문을 구별하는 방법 >

변수에 할당해 보기

[예제 7]
// 표현식이 아닌 문은 값처럼 사용할 수 없음
var foo = var x ; // SyntaxError : Unexpected token var
표현식인 문은 값으로 평가되므로 변수에 할당할 수 있음.
하지만 표현식이 아닌 문은 갑승로 평가할 수 없으므로 변수에 할당하면 에러가 발생.

[예제 8]

// 변수 선언문은 표현식이 아닌 문
var x ;
// 할당문은 그 자체가 표현식이지만 완전한 문이기도 함. 즉, 할당문은 표현식인 문. (값처럼 사용 가능)
x = 100;

[예제 9]
// 표현식인 문은 값처럼 사용할 수 있음
var foo = x = 100;
console.log(foo); //100
할당문을 값처럼 변수에 할당.
표현식인 문인 할당문은 할당한 값으로 평가됨.
x = 100 은 x 변수에 할당한 값 100으로 평가되어 Foo 변수에는 100이 할당.