본문 바로가기

자바스크립트/Learn

[강좌 005] 자바스크립트 기본 문법 2

반응형



1.HTML도 그렇지만 자바스크립트도 코드가 쓰여진 순서대로 실행됩니다.

① var test = 10;

② var exam = test + 20;

먼저 test라는 변수에 10을 저장하는 것을 실행하고 이후에 exam 변수에 test+20을 계산해서 저장함. ①과 ②의 순서를 바꾸면 예상치 못한 결과가 나올 수 있음.

   

2.세미콜론(;)은 자바스크립트의 문장을 구분해주는 역할을 합니다. 때에 따라 세미콜론을 생략할 수도 있지만 세미콜론을 항상 붙이는 버릇을 갖는 것이 좋습니다. 또한 세미콜론으로 구분하면 한 줄에 여러 문장을 쓸 수도 있습니다.

abc = 10;

bcd = 20;

cde = 30;

   

abc = 10; bcd = 20; cde = 30;

   

3.자바스크립트는 코드 사이에 있는 추가적인 공백들을 무시합니다.

var test = "Good Morning";

var test=         "Good Morning";

위의 두줄은 자바스크립트에선 동일한 결과를 가져옵니다.

   

4.코드를 보기 좋게 하기 위해 한 문장 중간에 줄바꿈 하는 경우에는 가급적이면 Operator나 콤마(,) 뒤에서 하는 것이 좋습니다. (자바스크립트는 대부분의 경우 줄바꿈 문자(엔터)도 무시합니다.)

① document.getElementById("test").innerHTML = "Hello" + " Dolly.";

② document.getElementById("test").innerHTML = "Hello" +

    " Dolly.";

③ document.getElementById("test").innerHTML =

    "Hello" + " Dolly.";

  위 3가지 코드는 같은 결과를 보여 줍니다.

하지만 return, break, continue 다음에 줄바꿈이 오는 경우에는 문장이 끝난것으로 해석합니다.

   

5.문자열 안에서 줄바꿈 하고 싶다면 역슬래시(\)를 사용하면됩니다.

document.getElementById("demo").innerHTML = "Hello \

Dolly!";

   

6.자바스크립트에서는 몇가지 예약어들이 있는데 이것을 변수의 이름이나 기타 다른용도로 사용할 수 없습니다.

break, catch, continue, debugger, do...while, for, function, for...in, if...else, return, switch, throw, try, var, while 등등

   

즐거운 하루 되세요 Vanxy..

반응형