[자바스크립트] 문(Statement)

River Moon·2023년 7월 9일
0
post-thumbnail

자바스크립트 코드를 작성하다 보면 문장, 문구, 선언 등 다양한 용어를 듣게 될 것이다. 그 중에서도 가장 기본적이면서도 중요한 개념이 바로 '문(Statement)'이다. 문이란 간단히 말해 자바스크립트 엔진이 수행할 수 있는 최소한의 코드 단위를 의미한다. 이 포스트에서는 문에 대해 더 자세히 알아보도록 하겠다.


'문'이란?

자바스크립트에서 '문'은 코드의 한 조각, 하나의 작업을 나타내는 구문이다. 일반적으로 문은 어떤 작업을 수행하는 코드라고 생각하면 된다.

예를 들어, 다음은 변수를 선언하는 문이다.

let age = 21;

이 문은 age 라는 이름의 변수를 만들고, 그 값으로 21을 할당한다"라는 작업을 수행한다.

문은 세미콜론(;)으로 끝나며, 여러 개의 문을 연결하여 복잡한 작업을 수행할 수 있다.

let age = 21; age = age + 1; console.log(age);

이 코드는 세 개의 문을 포함하며, 각 문은 세미콜론으로 구분되어 있다.

다양한 종류의 문

자바스크립트에는 다양한 종류의 문이 있습니다. 변수 선언, 함수 및 클래스, 반복, 흐름 제어 키타 등이 있다.

이하 설명은 MDN 복붙하고 예시로 추가 설명한것!


변수 선언문

var

변수를 선언한다, 변수를 값으로 초기화할 수 있다.

let

블록 범위 지역 변수를 선언한다, 변수를 값으로 초기화할 수 있다.

const

읽기 전용 유명(named) 상수를 선언한다.

예시:

변수를 선언하는 문다. var, let, const 키워드를 이용해 변수를 선언한다.

let x; // x라는 이름의 변수를 선언
const y = 20; // y라는 이름의 변수를 선언하고, 값 20을 할당

할당문

변수에 값을 할당하는 이다.

x = 10; // x에 10을 할당

함수 및 클래스

function

지정된 매개변수를 갖는 함수를 선언한다.

function

반복기 (en-US)를 더 쉽게 작성할 수 있게 하는 생성기 함수.

return

함수에 의해 반환되는 값을 지정한다.

class

클래스를 선언한다.

예시:

함수 선언문

함수를 선언하는 문입니다.

function greet() {
console.log("Hello, world!");
}

return 문

함수의 실행을 중단하고, 값을 반환하는 문입니다.

function double(x) {
  return x * 2;
}

흐름 제어

Block

블록문은 0개 이상의 문을 묶을 때 쓴다. 블록은 중괄호 한 쌍으로 구분된다.

break

현재 루프, switch 또는 label 문을 종료하고 프로그램 제어를 종료된 문의 다음 문으로 넘겨준다.

continue

현재 또는 레이블 달린 루프의 현재 반복 중인 문의 실행을 종료하고 루프의 실행은 다음 반복으로 이어진다.

empty

empty 문은 내용이 없는 빈 문을 제공하기 위해 사용된다, 비록 JavaScript 구문이 문을 기대할 것이지만.

if...else

지정된 조건이 true면 문을 실행. 조건이 false인 경우, 다른 문이 실행될 수 있다.

switch

식의 값이 case 절과 일치하는지 식을 평가하고 case 절과 관련된 문을 실행한다.

throw

사용자 정의 예외가 발생한다.

try...catch

시도(try)할 문 블록을 표시하고 예외가 발생되어야 하는 응답을 지정한다.

예시:

if문

조건에 따라 코드를 실행하는 문이다.


if (x > 0) {
  console.log("x는 양수입니다.");
}

switch문

값에 따라 다른 코드를 실행하는 문이다.

switch(x) {
  case 0:
    console.log('x는 0입니다.');
    break;
  case 10:
    console.log('x는 10입니다.');
    break;
  default:
    console.log('x는 0도 10도 아닙니다.');
}

throw문

오류를 발생시키는 문이다.

throw new Error("Something went wrong!");

try...catch문

코드 실행 중 오류를 잡아내는 문입니다.

try {
doSomething();
} catch(error) {
console.error(error);
}

반복

do...while

테스트 조건이 거짓으로 평가될 때까지 지정된 문을 실행하는 루프를 만든다. 조건은 문을 실행한 후 평가된다, 그 결과 지정된 문은 적어도 한 번 실행된다.

for

괄호로 묶이고 세미콜론으로 구분된 선택사항 식 셋으로 구성된 루프를 만든다, 루프에서 실행되는 문이 뒤따른다.

for...in

임의의 순서로 객체의 열거 속성을 반복한다. 각 개별 속성에 대해, 문은 실행될 수 있다.

for...of

반복 가능한 객체 (배열, 배열 같은 객체, 반복기 및 생성기 포함) 를 반복한다, 각 개별 속성값에 대해 실행되는 문을 가진 사용자 정의 반복 후크를 호출하는.

while

테스트 조건이 true로 평가되는 한 지정된 문을 실행하는 루프를 만듭니다. 조건은 문을 실행하기 전에 평가된다.

예시:

for문

코드를 반복해서 실행하는 문이다.

for(let i = 0; i < 10; i++) {
  console.log(i);
}

while문

while문은 주어진 조건이 참인 동안 코드를 반복 실행한다.

while (조건) {
  // 조건이 참인 동안 반복되는 코드
}

do-while문

do-while문은 조건을 평가하기 전에 먼저 코드 블록을 실행하고, 그 다음에 조건이 참인 동안 코드를 반복 실행한다.

do {
  // 먼저 한 번 실행되고, 조건이 참인 동안 반복되는 코드
} while (조건);

추가로 블록(Block)설명

블록은 여러 개의 문을 중괄호({})로 묶은 것이다. 블록은 단독으로 사용될 수도 있고, 제어문이나 함수와 함께 사용될 수도 있다. 블록 내부에 선언된 변수는 해당 블록 내에서만 접근 가능한다.

{
  let x = 10;
  console.log(x); // 10
}

console.log(x); // ReferenceError: x is not defined

마무리

코드를 작성할 때, 문과 블록은 프로그래밍의 핵심 구성 요소이다.각 문은 특정 작업을 수행하며, 이러한 작업들이 결합하여 복잡한 기능을 구현할수 있다.문과 블록은 코드의 흐름을 제어하고, 코드의 가독성을 높이며, 변수의 범위를 제한하는 데 사용된. 이러한 기능은 프로그램을 구성하고 이해하는 데 필수적이다. 그렇기 때문에 이것들을 이해하는 것은 코딩의 기본이라고 할 수 있다.

profile
FE 리버

0개의 댓글