자바스크립트 문법

프로그램(program)이란?

프로그램 - 컴퓨터가 실행할 수 있는 명령(instruction)으로 이루어짐

실행문(statement) - 컴퓨터 프로그래밍에서 컴퓨터가 실행할 수 있는 명령들

프로그램이 - 특정 결과를 얻기 위해서 컴퓨터에 의해 실행되는 실행문의 집합

 

자바스크립트 문법

자바스크립트의 실행문은 세미콜론(;)으로 구분

var x = 10;
var result = x + 3;

대소문자를 구분

 

var javascript = 10; // 변수 javascript와 JavaScript는 서로 다른 두 개의 변수로 인식됨.
var JavaScript = 20;
Var Script = 30; // 변수의 선언은 var 키워드로만 할 수 있으면 Var는 동작하지 않음.

 

리터럴(literal)

직접 표현되는 값 그 자체

다음 예제에서 등장하는 값들은 모두 리터럴

12            // 숫자 리터럴
"JavaScript"  // 문자열 리터럴
'안녕하세요'  // 문자열 리터럴
true          // 불리언 리터럴

 

식별자(identifier)

변수나 함수의 이름을 작성할 때 사용하는 이름

영문자(대소문자), 숫자, 언더스코어(_) 또는 달러($)만을 사용

하이픈(-)은 뺄셈을 위한 예약된 키워드로 사용할 수 없음

숫자로는 시작할 수 없음

유니코드(unicode) 문자셋을 사용

 

식별자 작성 방식

1. Camel Case 방식

2. Underscore Case 방식

 

Camel Case 방식 (관행적으로 많이 사용)

첫 번째 단어 - 소문자로 작성

다음 단어들 - 첫 문자만 대문자로 작성

Underscore Case 방식

식별자를 이루는 단어들 - 소문자

그 단어들은 언더스코어(_)로 연결

var firstVar = 10;           // Camel Case 방식
function my_first_func {     // Underscore Case 방식
    var firstLocalVar = 20;  // Camel Case 방식
}

 

키워드(keyword) (예약어(reserved word))

미리 예약된 단어들

프로그램 내에서 식별자로 사용할 수 없음

var firstVar = 10;      // var는 변수의 정의를 위해 예약된 키워드입니다.
function myFirstFunc {  // function은 함수의 정의를 위해 예약된 키워드입니다.
    var secondVar = 20; // var는 변수의 정의를 위해 예약된 키워드입니다.
}

 

주석(comment)

코드 내에 삽입된 일종의 설명문

작성자나 다른 개발자가 나중에 코드를 수정할 때 참고할 수 있으며, 웹 페이지 개발 시 디버깅에도 사용 됨

자바스크립트 코드의 어느 부분에라도 작성할 수 있으며, 웹 브라우저의 동작에는 전혀 영향을 미치지 않음

1. 한 줄 주석 : // 주석문
2. 여러 줄 주석 : /* 주석문 */

var x = 10;
// var y = 20; 한 줄의 주석문 : 이 부분은 실행되지 않을 것입니다.
/*
x = x + y;
여러 줄의 주석문 :
이 부분 또한 실행되지 않을 것입니다.
*/
document.getElementById("text").innerHTML = x;

다음 예제는 자바스크립트에서 여러 줄 주석 안에 또 다른 주석을 삽입하는 예제

/* 여러 줄

    // 이렇게 두 줄 주석 안에 또 다른 한 줄 주석을 삽입할 수 있습니다.

주석입니다. */

여러 줄 주석 내부에 또 다른 여러 줄 주석을 삽입할 수는 없음

/* 여러 줄
    /* 또 다른 여러 줄 주석입니다. */
주석입니다. */

위의 예제에서 세 번째 라인은 주석으로 정상 인식되지 않으며, Uncaught SyntaxError가 발생하여 실행중이던 스크립트는 중지될 것임

 

참고

http://www.tcpschool.com/javascript/js_intro_syntax

코딩교육 티씨피스쿨