Front end/JavaScript

[ javascript ] - 스코프 알아보기

2023. 3. 22. 00:28
목차
  1. 스코프란
  2. 안쪽 스코프, 바깥 스코프 구분
  3. 전역 스코프, 지역 스코프
  4. 스코프 규칙
  5. 스코프 종류
  6. 스코프 내용 추가

스코프란

  • 변수의 유효범위로 사용된다.
  • 범위가 중괄호(블록) 또는 함수에 의해 나누어지고, 그 범위를 스코프라고 부른다.

 

안쪽 스코프, 바깥 스코프 구분

전역 스코프, 지역 스코프

  • 가장 바깥 스코프는 전역 스코프로 불림
  • 안쪽 스코프, 즉 전역 스코프가 아닌 것은 전부 지역 스코프로 불림

 

스코프 규칙

  • 스코프는 중첩이 가능하다.
  • 지역 변수는 전역 변수보다 더 높은 우선순위를 가진다.
  • 안쪽 스코프에서 바깥 스코프에 있는 변수에 접근이 가능
  • 반대로 바깥 스코프에서는 안쪽 스코프에 있는 변수에 접근이 불가능

 

스코프 종류

  1. 블록 스코프 : 중괄호 기준 범위 (중괄호 안의 범위)함수에 fucntion 키워드 없이 사용하면 블록 스코프
    (화살표 함수 포함)
  2. 함수 스코프 : 함수로 둘러싼 범위함수에 function 키워드를 사용하면 함수 스코프
    (화살표 함수 포함)

 

스코프 내용 추가

  • var 키워드는 블록 스코프를 무시한다.
for(var i = 0; i < 5; i++){
}
console.log( i ) => 블록 스코프 밖에서 실행이 된다.
  • 단, 화살표 함수의 블록 스코프는 무시하지 않는다.
  • var 키워드로 인한 위험성도 있기 때문에, 안전하게 사용이 가능한 let , const 를 이용해야 함

'Front end > JavaScript' 카테고리의 다른 글

[ javascript ] - 원시 자료형/참조 자료형 알아보기  (0) 2023.03.22
[ javascript ] - 클로저 알아보기  (0) 2023.03.22
[ javascript ] - 객체 알아보기  (0) 2023.03.22
[ javascript ] - 배열 알아보기  (0) 2023.03.21
[ javascript ] - 함수 알아보기  (0) 2023.03.21
  1. 스코프란
  2. 안쪽 스코프, 바깥 스코프 구분
  3. 전역 스코프, 지역 스코프
  4. 스코프 규칙
  5. 스코프 종류
  6. 스코프 내용 추가
'Front end/JavaScript' 카테고리의 다른 글
  • [ javascript ] - 원시 자료형/참조 자료형 알아보기
  • [ javascript ] - 클로저 알아보기
  • [ javascript ] - 객체 알아보기
  • [ javascript ] - 배열 알아보기
_moda
_moda
프론트엔드 개발 공부를 하고 있읍니다.
_moda
ModaLog
_moda
전체
오늘
어제
  • All Records
    • 취업 준비
    • TIL
    • Front end
      • HTML \ CSS
      • JavaScript
      • TypeScript
      • React
      • GIT
      • Node.js
      • 개발 지식
      • 면접 질문 공부
    • Boot Camp
      • code states
      • Project
    • 자료구조 \ 알고리즘 기법
    • Coplit
    • Programmers
    • 모다딥 공부 정리

블로그 메뉴

  • 태그
  • 방명록

공지사항

  • 개발자로 가는 길

인기 글

태그

  • 타입스크립트
  • 네트워크 기초
  • til
  • typescript
  • 코드스테이츠
  • javascript
  • react
  • CODE STATES
  • Coplit
  • 모던 자바스크립트 딥 다이브

최근 댓글

최근 글

hELLO · Designed By 정상우.
_moda
[ javascript ] - 스코프 알아보기
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.