본문 바로가기
JS/JS 기초

JS- 블록문(코드 블록)

by 쫑뚱이 2022. 9. 15.
728x90
반응형

JS- 블록문(코드 블록)

 

오늘은 블록문에 대해 알아보겠습니다.

※블록문은 코드 블록으로도 불립니다.

 

JS를 공부하시다 보면 블록문에 대해 몰라도

자연스럽게 블록문을 사용하고 있을 경우가 있습니다.

 

본론으로 들어가면

블록문이란 중괄호로 코드를 묶는 경우를 블록문이라고 합니다.

{
  let ex1 = '블록문';
  console.log(ex1);
}

 

위에 예시가 블록문이고 중괄호 안에

한 개 이상의 코드가 작성됩니다.

 

※ 참고로 JS에서는 블록문을 하나의 단위로 취급합니다.

 

블록문의 특징을 보면

다른 문들이나 코드의 끝에 세미 콜론(;)을 작성해주는데

블록문은 세미콜론을 붙이지 않는다는 것이 특징입니다.

※ 참고로 세미콜론을 작성해도 에러는 발생하지 않습니다.

 

세미콜론을 붙이지 않는 이유는 자체적으로 종결 성을

가지고 있기 때문입니다.

 

그래서 JS에서 세미콜론을 작성하지 않아도 되기 때문에

세미콜론을 작성하지 않아도 됩니다.

 

주의

객체의 경우 주의하셔야 합니다.

객체를 사용할 경우에도 중괄호를 사용하는데

이때 사용되는 중괄호는 블록문이 아닌 객체의 값을

표현하는 방식으로 사용하기 때문에 객체를 선언하는

중괄호는 블록문이 아니라는 것을 알아두셔야 합니다.

//객체 예시
let ex = {
  namem,
  age,
  gender,
}; //이때 중괄호는 블록문이 아닙니다.

 

 

그리고 블록문은 단독으로 사용할 수도 있지만

함수 선언문, 제어문, if문, 함수문, 반복문 등등을 함께 사용할 수 있습니다.

 

//함수 선언문
ex1 = 1;

function ex1() {
  return ex1;
}

console.log(ex1); // 1

//제어문
for(i = 1; i < 10; i++){
  console.log(i);
} // 1~9

 

블록문은 JS를 공부하시다 보면 자연스럽게 사용하실 텐데

블록문에 대해 아시고 공부를 하신다면

블록문을 사용하실 경우

더 효과적으로 공부하실 수 있을 것 같습니다.

 

감사합니다!!

 

728x90
반응형

'JS > JS 기초' 카테고리의 다른 글

JS- 숫자표현하는 방식  (0) 2022.09.24
JS- 예약어  (1) 2022.09.16
JS- setTimeout, clearTimeout, setInterval, clearInterval  (0) 2022.09.07
JS- 구조 분해 할당(Destructuring assignment)  (0) 2022.09.07
JS- 심볼(Symbol)  (0) 2022.08.30

댓글