본문 바로가기

Dev/Front-end

JavaScript 클로져

반응형

1 개념

JavaScript Closure
자바스크립트 클로져
  • 부모 영역에 접근이 가능한 함수가 클로져임 (부모 함수가 소멸되더라도....)

2 예시

function countUp() {
    var count = 0;
    return function() {
        return count += 1;
    }
}

var myCount = countUp();

console.log(myCount()); // 1
console.log(myCount()); // 2
console.log(myCount()); // 3
→myCount() 함수 호출 시 count 변수를 익명 함수 안에서 찾을 수 없기 때문에 그 밖에서 찾음. 이때 익명함수 밖의 변수 값을 복사하여 가져오는 것이 아니라 참조하여 가져옴

3 같이 보기

반응형

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

자료형  (0) 2020.05.16
자바스크립트 .addEventListener() 메소드  (0) 2020.05.16
자바스크립트 onclick 이벤트  (0) 2020.05.16
자바스크립트 onload  (0) 2020.05.16
자바스크립트 이벤트  (0) 2020.05.16