5. 자바스크립트 문(JS Statements)

[참고] http://www.w3schools.com/js/js_statements.asp

HTML에서 자바스크립트 문은 웹브라우저에서 실행될 "명령어들" 이다.

---

JavaScript Statements(자바스크립트 문)

이 문은 브라우저에게 id가 "demo"인 HTML 요소 속에 "Hello Dolly." 를 쓰라고 말해준다.

Example

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

Try it Yourself »

---

JavaScript Programs

대부분의 자바스크립트 프로그램들은 많은 자바스크립트 문을 포함하고 있다.

문이 쓰여진 것과 동일한 순서로 하나씩 실행된다.

이 예에서는 x, y, z가 값을 부여받고, 최종적으로 z가 출력된다.

Example

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

Try it Yourself »

	자바스크립트 프로그램들(그리고 자바스크립트 문)은 종종 자바스크립트 코드라고 불린다.

---

Semicolons ;

세미콜론은 자바스크립트 문을 분리해준다.

각 실행 문의 끝에 세미콜론을 추가한다.

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

Try it Yourself »

세미콜론에 의해 구분하면 한줄에 여러 개의 문이 허용된다.

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

Try it Yourself »

	웹에서 세미콜론이 없는 예들을 볼 수도 있다. 세미콜론으로 문을 끝내는 것이 필수는 아니지만, 매우 권장하는 바이다.

---

JavaScript White Space(자바스크립트 공백)

자바스크립트는 여러 공백을 무시한다. 그래서 당신은 더 읽기 쉽도록 스크립트에 공백을 추가할 수 있다. 

다음 줄들은 동일한 결과다.

var person = "Hege";
var person="Hege";

---

JavaScript Line Length and Line Breaks(자바스크립트 라인 길이과 줄 바꿈)

가장 쉽게 읽을 수 있도록, 프로그래머는 종종 80자 이상의 코드라인을 피하고 싶어한다.

만약 자바스크립트 문이 한 라인에 맞지 않다면, 그것을 끊어주는 최선의 위치는 연산자(여기서는 등호 "=") 뒤이다.

Example

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

Try it Yourself »

---

JavaScript Code Blocks

자바스크립트 문은 중괄호 {...} 내부의 코드블록(영역)에서 함께 그룹화 될 수 있다.

코드블록의 목적은 함께 실행될 명령어들을 정의하는 것이다.

당신이 블록으로 그룹화된 명령어들을 발견할 수 있는 한 장소는, 자바스크립트 함수에 있다.

Example

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Dolly.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}

Try it Yourself »

	이 듀토리얼에서 우리는 코드블럭에 들여쓰기를 할때 4칸을 사용한다. 나중에 이 듀토리얼에서 기능에 대한 더 자세한 정보를 배울 수 있을 것이다.

---

JavaScript Keywords(자바스크립트 키워드)

자바스크립트 문은 수행될 자바스크립트 액션을 인식하기 위해 종종 키워드로 시작한다.

다음은 당신이 이 듀토리얼에서 배울 키워드들의 목록이다.

Keyword	Description
break	Terminates a switch or a loop
continue	Jumps out of a loop and starts at the top
debugger	Stops the execution of JavaScript, and calls (if available) the debugging function
do ... while	Executes a block of statements, and repeats the block, while a condition is true
for	Marks a block of statements to be executed, as long as a condition is true
function	Declares a function
if ... else	Marks a block of statements to be executed, depending on a condition
return	Exits a function
switch	Marks a block of statements to be executed, depending on different cases
try ... catch	Implements error handling to a block of statements
var	Declares a variable

	자바스크립트 키워드들은 예약어이다. 예약어들은 자바스크립트 변수 이름으로서 사용될 수 없다.