Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 코드트리
- 크래프톤정글
- 사이드프로젝트
- 핀토스
- TiL
- 자바스크립트
- 큐
- 자바
- 소켓
- Java
- 오블완
- HTML
- 나만무
- 리액트
- defee
- 티스토리챌린지
- 스택
- Flutter
- 알고리즘
- 크래프톤 정글
- corou
- userprog
- CSS
- pintos
- 시스템콜
- 4기
- 모션비트
- 백준
- Vue.js
- JavaScript
Archives
- Today
- Total
미새문지
24.06.21 day5 코드트리 반복문(반복문 안의 if까지) 학습, 클로저(Closure)란? 본문
728x90
처음부터 문법에 대해 쭉 반복하니 다시 파이썬에 익숙해지고 있다.
프론트엔드 기술면접 질문 - 4
클로저(Closure)란?
클로저(Closure)는 프로그래밍 언어에서 함수와 그 함수가 선언된 렉시컬 환경(Lexical Environment)을 함께 저장한 객체이며, 함수가 정의될 때의 환경을 기억하고 함수가 실행되는 동안 그 환경에 접근할 수 있도록 한다.
클로저의 기본 개념
1. 함수와 환경
- 클로저는 함수와 그 함수가 선언될 때의 변수 스코프(scope)를 함께 캡처하여 저장한다.
- 즉, 함수가 만들어질 때의 변수 값을 기억하고, 함수가 나중에 호출될 때 그 값을 사용할 수 있다.
2. 렉시컬 스코프(Lexical scope)
- 클로저는 함수가 정의된 위치에서의 스코프를 기준으로 변수에 접근하는데 이걸 렉시컬 스코프라고 한다.
클로저 예시
function test() {
let result = 'moonmisae';
function innerFunction() {
console.log(result); // test함수의 스코프에 있는 변수를 참조
}
return innerFunction;
}
const closure = test();
closure(); // "moonmisae" 출력
클로저 특징 및 장점
1. 데이터 은닉
- 클로저를 사용하면 특정 데이터에 대한 접근을 제한할 수 있다.
- 예를 들어, 객체의 프라이빗 멤버처럼 클로저를 사용해 외부에서 접근할 수 없는 변수를 만들 수 있다.
2. 상태 유지
- 클로저를 사용하면 함수 호출 간에 상태를 유지할 수 있는데, 이를 통해 여러 함수 호출 간에 데이터를 공유할 수 있다.
3. 콜백 함수
- 클로저는 비동기 프로그래밍에서 콜백 함수로 많이 사용되는데, 콜백 함수가 클로저로써 필요한 데이터에 접근할 수 있기 때문이다.
728x90
'개발 TIL' 카테고리의 다른 글
24.06.23 day7 코드트리 반복문(무한 루프까지) 학습 (0) | 2024.06.23 |
---|---|
24.06.22 day6 코드트리 반복문(break문까지) 학습, REST API란? (0) | 2024.06.22 |
24.06.20 day4 코드트리 조건문(중첩조건문까지) 학습, Reflow와 Repaint가 실행되는 시점 (0) | 2024.06.20 |
24.06.19 day03 코드트리 연산자, 조건문(if else까지) 학습, 브라우저의 렌더링 원리 (0) | 2024.06.19 |
24.06.18 day02 코드트리 입출력 코드 학습, 호이스팅(Hoisting)이란? (2) | 2024.06.18 |