웹 프론트엔드 JS 튜토리얼 JavaScript closures_javascript 기술을 설명하는 몇 가지 간단한 문장

JavaScript closures_javascript 기술을 설명하는 몇 가지 간단한 문장

May 16, 2016 pm 06:11 PM
javascript 폐쇄

리소스를 해제하지 않은 스택 영역과 사전 실행 프로세스는 무엇입니까? 가장 일반적인 예를 사용하여 설명하겠습니다.
예를 들어 이제 아래에 많은 li가 있는 ul이 있으며 이를 탐색하고 바인딩해야 합니다. 클릭 이벤트를 클릭한 후 추가 처리를 위해 현재 아래 첨자를 다른 함수에 전달합니다.

코드 복사 코드는 다음과 같습니다. 다음:

for(var i=0; i agroup[i].onclick = function() {
 handler(i)
 }
}

실행 결과는 뻔하죠? 핸들러에서 전달된 매개변수 i를 가져오면 이때 일반적으로 가장 큰 첨자만 표시됩니다. 다음 방법을 사용하십시오. 해결 방법:
코드 복사 코드는 다음과 같습니다.

for(var i=0; i agroup[i].i = i
agroup[i].onclick = function() {
handler(this.i); >}
}

여기서는 this의 포인팅 문제에 대해 이야기해 보겠습니다. 일반적으로 JavaScript에서 this는 현재 참조하는 개체를 가리킵니다. 위에서 i라는 새 속성을 추가했으며 그 값은 현재 첨자 값입니다.
그렇다면 클로저를 사용하여 이 문제를 어떻게 해결할 수 있을까요? 사실 원리는 동일합니다. i 값을 미리 저장하거나 전송이라고 불러야 합니다.

코드 복사 코드는 다음과 같습니다.
for(var i=0; i agroup[i].onclick = function(index) {
return function() {
handler (index);
 }
 }(i);
}

이때 올바른 첨자를 얻게 됩니다. i 속성을 추가하는 것과 유사합니까? 즉, 모두 미리 첨자 i 값을 전달하거나 저장합니다. 위 데모에서는 onclick이 참조하는 함수가 사전 실행되었으며 이
함수는 인라인 함수를 반환하여 리소스가 해제되지 않은 스택 영역을 형성하고 사전 실행 중에 i 값이 매개 변수로 변경됩니다. 양식이 이 범위에 전달됩니다(설명 능력에 문제가 있습니다. 이 설명이 정확한지 모르겠습니다. 시도해 보십시오).
요약하자면 클로저의 역할은 일반적으로 범위나 사전 실행을 변경하는 것입니다. 위에 제시된 예제는 클로저의 적용 범위가 매우 넓다는 점을 독자가 분명히 알 수 있습니다. 원인과 결과를 이해해야만 클로저를 유연하게 사용할 수 있습니다.
이모 2011-11-15
mail Auntion@gmail.com
QQ 82874972
원작, 글의 노고와 저자의 권리를 존중해 주시길 바랍니다. 재인쇄할 때 여기로 가세요.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

C++ 람다 표현식에서 클로저의 의미는 무엇입니까? C++ 람다 표현식에서 클로저의 의미는 무엇입니까? Apr 17, 2024 pm 06:15 PM

C++에서 클로저는 외부 변수에 액세스할 수 있는 람다 식입니다. 클로저를 생성하려면 람다 표현식에서 외부 변수를 캡처하세요. 클로저는 재사용성, 정보 숨기기, 지연 평가와 같은 이점을 제공합니다. 이는 클로저가 외부 변수가 파괴되더라도 여전히 접근할 수 있는 이벤트 핸들러와 같은 실제 상황에서 유용합니다.

C++ 람다 표현식에서 클로저를 구현하는 방법은 무엇입니까? C++ 람다 표현식에서 클로저를 구현하는 방법은 무엇입니까? Jun 01, 2024 pm 05:50 PM

C++ Lambda 표현식은 함수 범위 변수를 저장하고 함수에 액세스할 수 있도록 하는 클로저를 지원합니다. 구문은 [캡처 목록](매개변수)->return-type{function-body}입니다. 캡처 목록은 캡처할 변수를 정의합니다. [=]를 사용하여 모든 지역 변수를 값으로 캡처하고, [&]를 사용하여 모든 지역 변수를 참조로 캡처하거나, [변수1, 변수2,...]를 사용하여 특정 변수를 캡처할 수 있습니다. 람다 표현식은 캡처된 변수에만 액세스할 수 있지만 원래 값을 수정할 수는 없습니다.

C++ 함수에서 클로저의 장점과 단점은 무엇입니까? C++ 함수에서 클로저의 장점과 단점은 무엇입니까? Apr 25, 2024 pm 01:33 PM

클로저는 외부 함수의 범위에 있는 변수에 액세스할 수 있는 중첩 함수입니다. 클로저의 장점에는 데이터 캡슐화, 상태 보존 및 유연성이 포함됩니다. 단점으로는 메모리 소비, 성능 영향, 디버깅 복잡성 등이 있습니다. 또한 클로저는 익명 함수를 생성하고 이를 콜백이나 인수로 다른 함수에 전달할 수 있습니다.

클로저로 인한 메모리 누수 문제 해결 클로저로 인한 메모리 누수 문제 해결 Feb 18, 2024 pm 03:20 PM

제목: 클로저로 인한 메모리 누수 및 솔루션 소개: 클로저는 내부 함수가 외부 함수의 변수에 액세스할 수 있도록 하는 JavaScript에서 매우 일반적인 개념입니다. 그러나 클로저를 잘못 사용하면 메모리 누수가 발생할 수 있습니다. 이 문서에서는 클로저로 인해 발생하는 메모리 누수 문제를 살펴보고 솔루션과 구체적인 코드 예제를 제공합니다. 1. 클로저로 인한 메모리 누수 클로저의 특징은 내부 함수가 외부 함수의 변수에 접근할 수 있다는 것입니다. 즉, 클로저에서 참조되는 변수는 가비지 수집되지 않습니다. 부적절하게 사용하는 경우,

함수 포인터와 클로저가 Golang 성능에 미치는 영향 함수 포인터와 클로저가 Golang 성능에 미치는 영향 Apr 15, 2024 am 10:36 AM

함수 포인터와 클로저가 Go 성능에 미치는 영향은 다음과 같습니다. 함수 포인터: 직접 호출보다 약간 느리지만 가독성과 재사용성이 향상됩니다. 클로저: 일반적으로 느리지만 데이터와 동작을 캡슐화합니다. 실제 사례: 함수 포인터는 정렬 알고리즘을 최적화할 수 있고 클로저는 이벤트 핸들러를 생성할 수 있지만 성능 저하를 가져옵니다.

테스트에서 golang 함수 클로저의 역할 테스트에서 golang 함수 클로저의 역할 Apr 24, 2024 am 08:54 AM

Go 언어 함수 클로저는 단위 테스트에서 중요한 역할을 합니다. 값 캡처: 클로저는 외부 범위의 변수에 액세스할 수 있으므로 테스트 매개변수를 캡처하고 중첩된 함수에서 재사용할 수 있습니다. 테스트 코드 단순화: 클로저는 값을 캡처함으로써 각 루프에 대해 매개변수를 반복적으로 설정할 필요가 없으므로 테스트 코드를 단순화합니다. 가독성 향상: 클로저를 사용하여 테스트 로직을 구성하고 테스트 코드를 더 명확하고 읽기 쉽게 만듭니다.

PHP 함수의 연쇄 호출 및 폐쇄 PHP 함수의 연쇄 호출 및 폐쇄 Apr 13, 2024 am 11:18 AM

예, 체인 호출 및 클로저를 통해 코드 단순성과 가독성을 최적화할 수 있습니다. 체인 호출은 함수 호출을 유창한 인터페이스에 연결합니다. 클로저는 재사용 가능한 코드 블록을 생성하고 함수 외부의 변수에 액세스합니다.

Java에서는 클로저가 어떻게 구현됩니까? Java에서는 클로저가 어떻게 구현됩니까? May 03, 2024 pm 12:48 PM

Java의 클로저를 사용하면 외부 함수가 종료된 경우에도 내부 함수가 외부 범위 변수에 액세스할 수 있습니다. 익명의 내부 클래스를 통해 구현된 내부 클래스는 외부 클래스에 대한 참조를 보유하고 외부 변수를 활성 상태로 유지합니다. 클로저는 코드 유연성을 높이지만 익명 내부 클래스에 의한 외부 변수 참조는 해당 변수를 활성 상태로 유지하므로 메모리 누수의 위험을 인지해야 합니다.

See all articles