- 
          
          javascript 표현식과 문front-end/Javascript 2023. 6. 11. 23:36반응형
 
 값
 값은 식(표현식)이 평가 되어 생성된 결과를 말한다.
 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미한다.// 10 + 20은 평가되어 숫자 값 30을 생성한다. 10 + 20; // 30
 
 
 리터럴
 리터럴은 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법을 말한다.// 숫자 리터럴 3
 3은 단순한 아라비아 숫자가 아니라 숫자 리터럴이다.
 사람이 이해할 수 있는 아라비아 숫자를 사용해 숫자 리터럴 3을 코드에 기술하면 자바스크립트 엔진은 이를 평가해 숫자 값 3을 생성한다.
 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가해 값을 생성한다.
 정수 리터럴 : 10
 부동소수점 리터럴 : 10.1
 2진수 리터럴 : 0b01000001
 8진수 리터럴 : 0o101
 16진수 리터럴 : 0 x 41
 문자열 리터럴 : 'Hello World'
 불리언 리터럴 : ture, false
 null 리터럴 : null
 undefined 리터럴 : undefined
 객체 리터럴 : { name: 'kim', address: 'seoul' }
 배열 리터럴 : [1, 2, 3]
 함수 리터럴 : function() {}
 정규 표현식 리터럴 : /[A-Z]+/g
 
 
 
 
 표현식
 표현식은 값으로 평가될 수 있는 문이다.
 표현식이 평가되면 새로운 값을 생성하거나 기존값을 참조한다.var score = 10; var score = 10 + 10; score; -> 20이처럼 표현식은 리터럴, 식별자, 연산자, 함수 호출 등 즉 값으로 평가될 수 있는 문은 모두 표현식이다. 
 
 
 
 
 문
 문은 프로그램을 구성하는 기본 단위이자 최소 실행 단위이다.
 문의 집합으로 이뤄진 것이 바로 프로그램이며, 문을 작성하고 순서에 맞게 나열하는 것이 프로그래밍이다.// 하나하나 다 토큰임 var sum = 1 + 2;// 변수 선언문 var i; // 할당문 x = 5; // 함수 선언문 function foo() {} // 조건문 if (x > 1) {console.log(x); } //반복문 for(var i = 0; i < 2; i++){ console.log; }
 
 
 
 세미콜론과 세미콜론 자동 삽입 가능
 세미콜론(;)은 문의 종료를 나타낸다.
 자바스크립트 엔진은 세미콜론으로 문이 종료한 위치를 파악하고 순차적으로 하나씩 문을 실행하며 문을 끝낼 때는 세미콜론을 붙여야 한다.
 이때, 코드 볼록{..} 뒤에는 세미콜론을 붙이지 않는다.
 이러한 코드 블록은 언제나 문의 종료를 의미하는 자체 종결성을 갖기 때문이다.function foo() { return {} } console.log(foo());
 
 
 
 표현식인 문과 표현식이 아닌 문// 변수 선언문은 값으로 평가될 수 없으므로 표현식이 아님. var i; i = 1 + 2;문에는 표현식인 문과 표현식이 아닌 문이 있다. 
 표현식인 문은 값으로 평가될 수 있는 문이며, 표현식이 아닌 문은 값으로 평가될 수 없는 문을 말한다.
 
 표현식인 문과 표현식이 아닌 문을 구별하는 가장 간단하고 명료한 방법은 변수에 할당해 보는 것이다.
 표현식인 문은 값으로 평가되므로 변수에 할당할 수 있다. 하지만 표현식이 아닌 문은 값으로
 평가할 수 없으므로 변수에 할당하면 에러가 발생한다.var foo = var i; var i; i = 10;
 반응형'front-end > Javascript' 카테고리의 다른 글javascript 데이터타입 (0) 2023.06.21 html을 js로 삽입 할 때 요소 위치 설정하기 (0) 2023.06.18 javascript 변수 (0) 2023.06.05 Cookies란 무엇일까? (0) 2023.05.24 JWT 토큰이란? (0) 2023.05.16