이 글에서는 자바스크립트 문장(Statement)에 대해 살펴보겠습니다. 아래의 내용은 W3Schools의 JavaScript Statements 문서를 참고하여 정리한 것입니다.
예시:
let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
자바스크립트 프로그램
컴퓨터 프로그램은 컴퓨터에서 "실행"되는 일련의 "명령"입니다.
프로그래밍 언어에서, 이러한 프로그래밍 명령을 문장이라 합니다.
JavaScript 프로그램은 일련의 프로그래밍 문장으로 되어 있습니다.
자바스크립트 문장 (JavaScript Statements)
JavaScript 문장은 다음 요소로 구성됩니다:
값, 연산자, 표현식, 키워드 및 주석
다음 문장은 브라우저에게 id="demo"인 HTML 요소 내부에 "Hello Dolly"를 쓰도록 지시합니다.
document.getElementById("demo").innerHTML = "Hello Dolly.";
대부분의 JavaScript 프로그램은 많은 자바스크립트 문장을 포함합니다.
문장은 쓰여진 것과 동일한 순서로 하나씩 실행됩니다.
JavaScript 프로그램 (및 JavaScript 문장)을 종종 자바스크립트 코드라고 일컬어지기도 합니다.
세미콜론 ;
세미콜론(Semicolons)은 자바스크립 문장들을 구분합니다.
각 실행 가능한 문장 끝에 세미콜론을 추가하시기 바랍니다.
예시:
let a, b, c; // 3개 변수 선언
a = 5; // a에 값 5 할당
b = 6; // b에 값 6 할당
c = a + b; // c에 a와 b를 합한 값을 할당
세미콜론으로 구분하는 경우 여러 개의 문장을 한 줄로 작성하는 것이 허용됩니다.
a = 5; b = 6; c = a + b;
웹에서 세미콜론(;) 없는 예를 볼 수도 있습니다.
문장 끝에 세미콜론으로 붙이는 것이 필수는 아니지만 세미콜론을 붙일 것을 강력히 권장합니다.
자바스크립트 공백
자바스크립트는 여러 개의 공백을 무시합니다. 가독성을 위해 스크립트에 공백을 추가할 수 있습니다.
다음 라인들은 동일합니다.
let person = "Hege";
let person="Hege";
연산자( = + - * / ) 앞뒤에 스페이스를 입력하는 것이 좋은 관행입니다.
let x = y + z;
자바스크립트 라인 길이 및 줄 바꿈
가독성을 위해 프로그래머들은 종종 코드 라인이 80자를 넘기지 않도록 하는 것을 선호합니다.
자바스크립트 문장을 한 줄에 맞출 수 없다면 연산자 뒤에서 줄 바꿈하는 것이 좋습니다.
예시:
document.getElementById("demo").innerHTML =
"Hello Dolly!";
JS 코드 블록
JavaScript 문장들을 괄호({...})로 묶어서 코드 블록으로 그룹화할 수 있습니다.
코드 블록은 문장들을 함께 실행하도록 정의하기 위해 사용됩니다.
자바스크립트 함수에서 문장들을 블록으로 묶어서 그룹화한 것을 볼 수 있습니다.
예시:
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
이 튜토리얼에서는 코드 블록에 대하여 2개 스페이스를 들여쓰기합니다.
자바스크립트 키워드
JavaScript 문장은 종종 수행할 자바스크립트 액션을 식별하기 위해 키워드로 시작합니다.
예약어 레퍼런스들은 모두 자바스크립트 키워드입니다.
다음은 이 튜토리얼에서 학습할 일부 키워드 목록입니다.
키워드 | 설명 |
---|---|
var | 변수(variable)를 선언합니다. |
let | 블록 변수(block variable)를 선언합니다. |
const | 블록 상수(block constant)를 선언합니다. |
if | 어떤 조건 시에 실행될 문장 블록을 표시합니다. |
switch | 다양한 조건(케이스)에서 실행될 문장 블록을 표시합니다. |
for | 루프에서 실행될 문장 블록을 표시합니다. |
function | 함수(function)를 선언합니다. |
return | 함수를 종료합니다. |
try | 문장 블록에 에러 핸들링을 구현합니다. |
JavaScript 키워드는 예약어입니다. 예약어는 변수 이름으로 사용할 수 없습니다.