자바스크립트 클로저는 무엇을 의미하나요?

JavaScript에서 클로저는 함수를 나타냅니다. 두 함수가 서로 중첩되면 내부 함수가 클로저입니다. 일반적인 클로저 본문은 중첩된 구조를 갖는 함수입니다. 내부 함수는 외부 함수의 전용 멤버를 참조하는 동시에 외부 함수가 호출되면 내부 함수가 참조됩니다. 형성되었습니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

클로저란 무엇입니까

클로저라고 불리는 것은 함수를 말합니다. 두 함수가 서로 중첩되면 내부 함수는 클로저입니다.

생성 원리

함수가 호출되면 임시 컨텍스트 활동 개체가 생성됩니다. 이는 함수 범위의 최상위 개체입니다. 범위의 모든 개인 메서드, 변수, 매개 변수, 개인 함수 등은 컨텍스트 활성 개체의 속성으로 존재합니다.

함수가 호출된 후 기본적으로 컨텍스트 활성 개체는 시스템 리소스 점유를 피하기 위해 즉시 해제됩니다. 그러나 함수 내의 개인 변수, 매개변수, 개인 함수 등이 외부 세계에서 참조되는 경우 모든 외부 참조가 취소될 때까지 컨텍스트 활성 객체는 일시적으로 계속 존재합니다.

단, 기능 범위가 닫혀 있어 외부 세계에서는 접근할 수 없습니다. 그렇다면 어떤 상황에서 외부 세계가 함수 내 비공개 멤버에 접근할 수 있나요?

스코프 체인에 따르면 내부 함수는 외부 함수의 전용 멤버에 액세스할 수 있습니다. 내부 함수가 외부 함수의 전용 멤버를 참조하고 내부 함수가 외부 세계로 전달되거나 외부 세계에 열려 있는 경우 클로저 본문이 형성됩니다. 이 외부 함수는 호출된 후 활성 개체가 일시적으로 취소되지 않으며 해당 속성은 계속해서 내부 함수를 통해 읽고 쓸 수 있습니다.

클로저 구조

일반적인 클로저 몸체는 중첩된 구조의 기능입니다. 내부 함수는 외부 함수의 전용 멤버를 참조하는 동시에 외부 함수가 호출되면 클로저가 형성됩니다. 이 함수를 클로저 함수라고도 합니다.

다음은 일반적인 클로저 구조입니다.

function f(x) {  //外部函数
    return function (y) {  //内部函数，通过返回内部函数，实现外部引用
        return x + y;  //访问外部函数的参数
    };
}
var c = f(5);  //调用外部函数，获取引用内部函数
console.log(c(6));  //调用内部函数，原外部函数的参数继续存在

파싱 프로세스는 다음과 같이 간략하게 설명됩니다.

• JavaScript 스크립트 사전 컴파일 기간 동안 선언된 함수 f와 변수 c가 먼저 어휘적으로 사전 파싱됩니다.

• JavaScript 실행 중에 함수 f를 호출하고 값 5를 전달합니다.

• 함수 f를 구문 분석하면 실행 환경(함수 범위)과 활성 개체가 생성되고 매개 변수, 전용 변수, 내부 함수가 활성 개체의 속성에 매핑됩니다.

• 매개변수 x의 값은 5이며 이는 활성 객체의 x 속성에 매핑됩니다.

• 내부 함수는 범위 체인을 통해 매개변수 x를 참조하지만 아직 실행되지 않았습니다.

• 외부 함수가 호출된 후 내부 함수가 반환되어 내부 함수가 외부 변수 c에 의해 참조됩니다.

• JavaScript 파서는 외부 함수의 활성 개체 속성이 외부 세계에서 참조되는 것을 감지하고 활성 개체를 등록 취소할 수 없으므로 메모리에 해당 개체의 존재를 계속 유지합니다.

• c가 호출될 때, 즉 내부 함수가 호출될 때 외부 함수의 매개변수 x에 저장된 값이 계속 존재하는 것을 볼 수 있습니다. 이러한 방식으로 후속 작업을 구현할 수 있으며 x+y=5=6=11이 반환됩니다.

클로저의 가치는 표현식 작업 중 데이터 저장을 용이하게 하는 것입니다. 그러나 단점은 무시할 수 없습니다.

• 함수를 호출한 후에는 호출 개체를 로그아웃할 수 없으며, 이는 시스템 리소스를 많이 차지하게 됩니다. 스크립트에서 클로저를 과도하게 사용하면 쉽게 메모리 누수가 발생할 수 있습니다. 해결 방법: 클로저를 주의해서 사용하고 남용하지 마세요.

• 클로저의 역할로 인해 저장하는 값은 동적이며 제대로 처리하지 않으면 예외나 오류가 쉽게 발생할 수 있습니다.

【관련 권장사항: 자바스크립트 학습 튜토리얼】

위 내용은 자바스크립트 클로저는 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!