JavaScript 중급 참고 사항 4장 Closure_javascript 기술

5. 클로저
클로저는 외부 함수의 실행이 종료되더라도 내부 함수가 주변 함수 내에 존재하는 변수를 참조할 수 있다는 의미입니다.
먼저 폐쇄 예시를 살펴보겠습니다.

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

코드 ① 함수 레이어 내부에 있지만 외부 레이어의 변수 num을 사용할 수 있습니다.
클로저는 또 다른 일반적인 JS 문제인 전역 변수의 영향을 해결할 수도 있습니다.
익명 함수 조합 클로저를 자동으로 실행하여 원래 전역 변수를 숨길 수 있습니다. 아래 예를 살펴보세요.

[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

setTimeout을 사용하면 클로저도 자주 사용됩니다. <title> </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">데모 <div id="abc"> </div> CssRain

[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]

사용 이런 방식으로 setTimeout()을 사용하면 몇 가지 문제를 피할 수 있습니다. 물론 클로저를 사용하면 몇 가지 문제가 발생할 수도 있습니다. 다음 코드에 표시된 대로: <title> </title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 데모 <ul id="abc"> <li> </li> <li> </li> <li>아아</li> </ul>BBB CCC

[Ctrl A 모두 선택 참고:
외부 J를 도입하려면 새로 고쳐야 실행됩니다.
]

클릭 li에 나타나는 시퀀스 번호는 3입니다. 이는 올바른 시퀀스 번호가 아닙니다. 그것이 참조하는 값은 마지막 할당입니다. 다음 코드를 사용하여 문제를 해결할 수 있습니다.

[Ctrl A 모두 선택 참고:
외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

] By 클로저, 도메인 제어를 사용하여 요구 사항을 충족합니다.
위 코드는 다음과 같이 나눌 수 있습니다.

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]
폐쇄의 개념은 이해하기 쉽지 않고, 이해하는 데 많은 시간과 에너지가 필요했습니다.
6. 요약
참고 (2), (3), (4)에서는 참조, 함수 오버로딩, 범위, 컨텍스트 개체 및 클로저를 포함하여 JavaScript의 몇 가지 중요한 내용을 설명합니다.
참조의 주요 내용: 포인터, 배열 참조, 문자열 참조, 차이, 값에 의한 전달, 주소에 의한 전달.
함수 오버로드의 주요 내용: 매개변수 수, 매개변수 유형, 인수, 의사 배열, 유형, 생성자, 차이 - 문자열 및 객체.
범위의 주요 내용: 함수 구분, 전역 범위, 전역 객체, 윈도우 객체의 속성, 지역 범위, 명시적 선언, 암시적 선언.
컨텍스트 객체의 주요 내용: 이 변수, 호출, 적용, 매개변수 차이, 배열.
클로저의 주요 내용: 내부 함수, 외부 함수, 변수, setTimeout, 클로저 문제, 마지막 할당, 클로저 및 범위.