j05. 자바스크립트 지시문

자바스크립트 지시문

HTML 에서, 자바스크립트 지시문 (JavaScript statements) 은 웹 브라우저가 실행 해야할 명령들 입니다.

대부분의 자바스크립트 프로그램은 여러개의 자바스크립트 지시문 을 가지게 됩니다.

지시문 은, 쓰여진 순서대로, 하나씩 실행됩니다.


자바스크립트 프로그램과 자바스크립트 지시문 은, 종종 자바스크립트 코드라고 불립니다.

---

자바스크립트의 지시문 은, 세미 콜론 (Semicolons, ; ) 으로 구분합니다.

세미 콜론은 실행할 수 있는 각 지시문 의 끝에 추가되어야 합니다.

세미 콜론으로 구분되어 있기만 하다면, 여러개의 지시문 을 한줄에 써도 됩니다.

<p id="myID51"></p>

<script>
myNum1 = 100; myNum2 = 200; myResult = myNum1 + myNum2;
document.getElementById("myID51").innerHTML = myResult;
</script>
웹에서는 가끔 세미 콜론이 없는 예를 볼수도 있었을 텐데, 반드시 세미 콜론으로 끝나야 하는 것은 아니지만, 강력하게 권고되는 사항입니다.

---

코드의 가독성을 좋게 하려고, 코드가 한줄에 80자가 넘어가면, 줄 바꿈을 하고 싶은 때가 있습니다.

이때에는 연산자 다음에서 줄바꿈을 하는 것이 읽기에 좋습니다.
<p id="myID52"></p>

<script>
document.getElementById("myID52").innerHTML =
"한줄에 80자가 넘어가면 종종 줄바꿈을 하려할 때가 있습니다. 이때 연산자 다음에 하는 경우가 많습니다.";
</script>

---

자바스크립트 지시문 (JavaScript statements) 은 코드 블록 (code blocks) 으로 함께 묶을 수 있습니다.

이때 중괄호 (curly brackets {...} ) 가 사용됩니다.

코드 블록 (code blocks) 의 목적은 함께 실행되어야 하는 지시문 들을 정의하는 것입니다.

지시문 들을 코드 블록으로 묶어서 하나의 자바스크립트 함수 (JavaScript functions) 에 담았습니다.

<p id="myID53"></p>
<p id="myID54"></p>

<script>
function myFunction1() {
document.getElementById("myID53").innerHTML = "첫번째 지시문 입니다.";
document.getElementById("myID54").innerHTML = "두번째 지시문 입니다.";
}
</script>

---

자바스크립트 키워드 (JavaScript Keywords) 는 자바스크립트 지시문 (JavaScript statements) 을 시작할 때 등장하기도 합니다.

이들 키워드는 자바스크립트가 특별한 동작을 하도록 할 때 사용 되는데, 아래와 같은 종류가 있습니다.

var
 변수를 선언합니다.
function
 함수를 선언 합니다.
for
 지시문 의 블록을 표시하고, 조건이 참인 경우 계속 실행 시킵니다.
if ... else
 지시문 의 블록을 표시하고, 조건에 따라 실행 시킵니다.
switch
 지시문 의 블록을 표시하고 여러개의 경우에 따라 실행 시킵니다.
do ... while
 지시문 의 블록을 실행하고, 블록을 조건이 참일 때 까지 반복 시킵니다.
break
 스위치 문이나 루프에서 빠져 나올때 사용됩니다.
continue
 루프 바깥으로 나오거나, 맨 위에서 시작하게 할 때 사용됩니다.
return
 함수를 빠져 나갑니다.
try ... catch
 지시문 블록의 에러 취급을 실행합니다.
debugger
 자바스크립트의 실행을 중지하고, 디버깅 기능을 호출할 때 사용합니다.

---

[광고] Udemy 동영상 강의로 보기