JavaScript Statements

JavaScript Statements

A JavaScript program is a list of statements to be executed by a computer.

컴퓨터 프로그램은 컴퓨터가 “실행”하는 “명령(instruction)” 목록입니다.

프로그래밍 언어에서, 이러한 프로그래밍 명령을 스테이트먼트(statements)라고 합니다.

JavaScript 프로그램은 프로그래밍 스테이트먼트 목록입니다.

HTML에서, JavaScript 프로그램은 웹 브라우저에 의해 실행됩니다.

JavaScript 스테이트먼트는 다음으로 구성됩니다:

값(Values), 연산자(Operators), 표현식(Expressions), 키워드(Keywords) 및 주석(Comments).

이 스테이느먼트는 브라우저에 “Hello Dolly”를 id = "demo"인 HTML 요소 내부에 작성하도록 지시합니다.

JavaScript Statements

In HTML, JavaScript statements are executed by the browser.

대부분의 JavaScript 프로그램에는 많은 JavaScript 스테이트먼트가 포함되어 있습니다.

스테이트먼트는 작성된 순서대로 하나씩 실행됩니다.

JavaScript 프로그램 (및 JavaScript 스테이트먼트)은 종종 JavaScript 코드라고 합니다.

세미콜론은 JavaScript 스테이트먼트를 구분합니다.

각각의 실행 스테이트먼트 끝에 세미콜론을 추가합니다.

var a, b, c;   // Declare 3 variables
a = 5;         // Assign the value 5 to a
b = 6;         // Assign the value 6 to b
c = a + b;     // Assign the sum of a and b to c

세미콜론으로 구분하면, 한 줄에 여러 개의 스테이트먼트가 허용됩니다.

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

웹에서, 세미콜론이 없는 예제를 볼 수 있습니다.
스테이트먼트는 세미콜론으로 끝내는 것이 필수는 아니지만 적극 권장합니다.

JavaScript는 여러 개의 공백을 무시합니다. 더 읽기 쉽게 스크립트에 공백을 추가 할 수 있습니다.

하기의 2줄은 동일합니다.

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

연산자 ( = + - * / ) 주위에 공백을 두는 것이 좋습니다.

var x = y + z;

가독성을 높이기 위해 프로그래머는 종종 80자 보다 긴 코드 줄을 피하는 것을 좋아합니다.

JavaScript 스테이트먼트가 한 줄에 맞지 않는 경우, 줄바꿈을 하기에 가장 좋은 위치는 연산자 뒤입니다:

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

JavaScript 스테이트먼트는 중괄호^{curly brackets} {…} 안에 코드 블록으로 함께 그룹화할 수 있습니다.

코드 블록의 목적은 함께 실행될 스테이트먼트를 정의하는 것입니다.

블록에서 그룹화된 스테이트먼트를 찾을 수 있는 곳은 JavaScript 함수입니다.

function myFunction() {
  document.getElementById("demo1").innerHTML = "Hello Dolly!";
  document.getElementById("demo2").innerHTML = "How are you?";
}

튜토리얼에서는 코드 블록에 2칸 들여쓰기를 사용합니다.

JavaScript 스테이트먼트는 수행할 JavaScript 작업을 식별하는 키워드로 시작하는 경우가 많습니다.

JavaScript 키워드의 전체 목록을 보려면 JavaScript Reserved Words를 방문하십시오.

이 튜토리얼에서 배우게 될 키워드 목록은 다음과 같습니다.

JavaScript 키워드는 예약어 (reserved words)입니다. 예약어는 변수의 이름으로 사용할 수 없습니다.