자바스크립트 구문, 주의점 javaScript Statements

자바스크립트 구문, 주의점 javaScript Statements

 

자바스크립트 구문에 대해서 알아보도록 하죠.

 

HTML에서 자바스크립트 구문들은 브라우져에 의해 실행되는 명령을 합니다.

예를 들어 아래와 같은 구문은 HTML 요소중 'demo'를 찾아

그 안에 'Hello Dolly'를 써라라는 명령을 하는 것 입니다.

 

예)

document.getElementById("demo").innerHTML = "Hello Dolly.";​

 

그리고 자바스크립트 구문은 한번에 한개씩 작성된 순서에 따라 실행됩니다.

 

예)

var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML = z;​

 

x, y, z 값을 설정하고 마지막으로 'demo' 요소에 z값을 넣어 출력합니다.(위부터 아래로 실행)

 

세미콜론(;)은 자바스크립트 구문을 분리하는 역할을 합니다.

 

예)

a = 5;
b = 6;
c = a + b;​

 

자바스크립트는 세미콜론을 사용하지 않아도, 줄바꿈만으로도 각각 실행할 수 있습니다.

(아래와 위의 예는 똑같이 실행된다.)

 

예)

a = 5;
b = 6;
c = a + b;​

 

하지만 이는 추천되지 않으며 거의 모든 프로젝트에서 세미콜론의 사용이 추천된다.

세미콜론을 사용할 경우 1줄에 여러 구분을 실행할 수 있다.

 

예)

a = 5; b = 6; c = a + b;​

 

자바스크립트는 공간(space)을 무시하기 때문에 가독성을 위해 빈공간을 추가할 수 있다.

 

예)

var person = "빈칸있음";
var person="빈칸없음";​

 

가독성을 위해 코드는 80자를 넘기지 않도록 한다. 넘는 경우 줄을 바꾸도록 한다.

 

예)

document.getElementById("demo").innerHTML =
"Hello Dolly.";​