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 |
댓글