자바스크립트 구문 소개

자바스크립트 프로그램은 구문의 모음이다.

선택적인 세미콜론

자바스크립트 구문은 세미콜론(;)으로 각각 구분된다. 다음 예제를 보자.

var x = 5;
var y = 6;
console.log(x+y);   // 11

각 구문이 별도의 줄로 나눠져 있다면 세미콜론을 생략해도 된다. 다음 예제를 보자.

var x = 5
var y = 6
console.log(x+y)    // 11

세미콜론을 생략하는 것은 좋은 습관이 아니다. 이는 자바스크립트가 자동으로 세미콜론을 집어넣어주기 때문인데, 줄바꿈이 있을 경우 자바스크립트는 세미콜론을 생략했다고 간주할 것이고, 이 경우 문제가 발생할 것이다. 다음 예제를 보자.

var str = "Hello    // SyntaxError: 끝나지 않은 문자열 리터럴
         world";
console.log(str);

위 코드에 대해 문법 오류(Syntax Error)가 발생했는데, 이는 자바스크립트가 첫 줄을 다음과 같은 완전한 구문으로 간주하기 때문이다.

var str = "Hello;  // ;을 자동으로 추가
         world";
console.log(str);

줄바꿈 앞에 백슬래시를 두면 인터프리터가 줄바꿈을 무시하게 된다. 다음 예제를 보자.

var str = "Hello \
    world";
console.log(str);       // Hello    world

수식이 끝나지 않은 경우에도 줄바꿈이 무시되는데, 특히 마무리하지 않은 연산자나 닫지 않은 괄호가 그렇다.

var str = "Hello " + 
          "world";
console.log(str);       // Hello world

var sum = 5 + 
          5 + 
          3;
console.log(sum);       // 13

var result = true
             && false;
console.log(result);    // false

단순 구문

자바스크립트에서 간단한 구문으로 할당과 함수 호출이 있다. 다음 예제를 보자.

var x = 1;          // 선언문
x++;                // 할당문
var y = x - 10;     // 할당문
z = Math.abs(y);    // 함수 호출과 할당문
window.close( );    // 함수 호출

블록문

자바스크립트에서는 구문을 중괄호로 감싸서 여러 개의 구문을 하나의 블록문으로 조합할 수 있다. 다음 예제를 보자.

var x, y, z;
{
    x = 5;
    y = 6;
    z = x + y;  
}
console.log(z);     // 11

대개 블록문은 for나 if, while, 함수 등과 같은 복잡한 구문의 일부로 사용된다.

블록문은 단일 구문으로 동작하지만 세미콜론으로 끝나지 않는다.

관련 수업

← 이전다음 →