ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 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
Sua by Tistory.