자바스크립트 클로저_javascript 스킬 이해 및 예시
참고로:
어휘 범위: 변수의 범위는 변수가 실행될 때가 아니라 정의될 때 결정됩니다. 즉, 어휘 범위는 소스 코드에 따라 달라지며 정적을 통해 결정될 수 있습니다. 따라서 어휘 범위를 정적 범위라고도 합니다. with와 eval을 제외하면 JS의 범위 메커니즘은 어휘 범위(Lexical Scope)에 매우 가깝다고 할 수 있습니다.
다음은 전역 변수를 사용한 간단한 클로저 예시입니다.
var sWord="안녕하세요, 웹 프론트엔드 개발 엔지니어의 블로그에 오신 것을 환영합니다. 조언을 부탁드립니다.
function disWord(){
alert(sWord) ;
}
disWord();
분석: 스크립트가 메모리에 로드되면 disWord는 sWord의 값을 계산하지 않지만 함수가 실행될 때 sWord의 계산을 수행합니다. disWord가 호출됩니다.
다음은 다른 함수를 정의하는 함수 내 클로저의 예입니다.
var iNum=10;
function add(num1,num2){
function doAdd(){return num1 num2 iNum;}
return doAdd( );
}
분석: 내부 함수 doAdd는 들어오는 매개변수 num1, num2의 값을 가져오며 전역 변수 iNum은 매개변수를 허용하지 않습니다. add의 마지막 단계는 doAdd를 호출합니다. 두 개의 매개변수와 전역 변수 iNum을 사용하여 변수를 합산하여 반환하는 것을 실행 환경에서 볼 수 있습니다.
다음은 어휘 범위와 종결을 이해하는 인터넷에서 찾은 몇 가지 예입니다
, 사례 1
/*전역(창) 도메인 아래의 코드*/
function a(i) {
var i ;
alert(i);
};
a(10);
정답: 10.
특정 실행 프로세스
a 함수에는 형식 매개변수 i가 있습니다. a 함수 호출 시 실제 매개변수 10이 전달되고 형식 매개변수 i=10
다음으로 지역 변수 i를 정의합니다. 값이 할당되지 않은 동일한 이름
alert 출력 10
생각: 지역 변수 i와 형식 매개 변수 i는 동일한 저장 공간인가?
, 사례 2
3 Alert(i)
4 Alert(arguments[0]) //arguments[0]; 형식 매개변수 i
5 var i = 2;
6 Alert(i);
7 Alert(arguments[0])
9 a(10) ;
질문: 위 코드는 무엇을 출력합니까?
답변: 10,10,2,2
함수에는 형식 매개변수 i가 있습니다. a 함수를 호출할 때 실제 값이 전달됩니다. 매개변수 10, 형식 매개변수 i=10
첫 번째 경고는 형식 매개변수 i의 값 10을 출력합니다.
두 번째 경고는 인수[0]를 출력합니다. 이 역시 i여야 합니다.
그런 다음 지역 변수 i를 정의하고 할당된 값은 2입니다. 이때 지역 변수 i=2
세 번째 경고는 지역 변수 i의 값 2를 출력합니다.
네 번째 경고는 인수a[를 출력합니다. 0] 다시
생각하기: 이렇게 하면 로컬을 설명할 수 있습니다. 변수 i와 형식 매개변수 i의 값이 같은가요?
, 사례 3
alert(i)
}; 10)
질문: 위 코드는 무엇을 출력하나요?
답: 10
구체적인 실행 과정
을 가리키는 것을 알 수 있습니다. 형식 매개변수 i이므로 여기서는 형식 매개변수 i의 값 10을 지역 변수 i에 할당하는 것과 같습니다.
두 번째 경고는 물론 10을 출력합니다.
생각: 사례 2와 결합하면 기본적으로 다음이 표시됩니다. 지역 변수 i와 형식 매개변수 i는 동일한 Store 주소를 가리킵니다!
, 사례 4
코드 복사
var i = 2; );
};
질문: 위 코드는 무엇을 출력하나요?
답: 정의되지 않음, 2
구체적인 실행 프로세스
첫 번째 경고는 정의되지 않음
두 번째 경고는 2를 출력
생각: 무슨 일이 일어나고 있는 걸까요?
위 예시를 보시면 어떻게 구현하는지 궁금하시죠? 구현 세부 사항은 무엇입니까? JS 엔진은 어떻게 작동하나요?
파싱 프로세스
, 실행 순서
컴파일된 언어의 컴파일 단계는 어휘 분석, 구문 분석, 의미 검사, 코드 최적화 및 바이트 생성으로 구분됩니다.
통역 언어에서는 어휘 분석과 구문 분석을 통해 구문 분석 트리를 얻은 후 해석과 실행을 시작할 수 있습니다. 다음은 구문 분석 과정에 대한 간단하고 독창적인 원리입니다. 자세한 구문 분석 과정(JS 엔진마다 다름)은 추가 연구가 필요합니다.
문서 스트림에 여러 스크립트 코드가 포함되어 있는 경우. 세그먼트(스크립트 태그로 구분된 js 코드 또는 가져온 js 파일)의 실행 순서는 다음과 같습니다.
Step 1. 첫 번째 코드 세그먼트를 읽습니다. (js 실행 엔진은 프로그램을 한 줄씩 실행하지 않고 분석하여 실행합니다. 섹션별)
2단계. 어휘 분석 및 구문 분석을 수행합니다. 오류가 있는 경우 구문 오류(예: 대괄호 불일치 등)가 보고되고 5단계로 이동합니다.
3단계. 수정 [var ]변수 및 [함수] 정의는 "사전 구문 분석"됩니다(올바른 선언만 구문 분석되므로 오류는 보고되지 않습니다)
4단계. 코드 세그먼트를 실행하고, 오류가 있는 경우 오류가 보고됩니다. 오류(예: 변수가 정의되지 않음)
Step 5. 다른 코드 세그먼트가 있으면 다음 코드 세그먼트를 읽고 2단계를 반복합니다.
Step 6. 종료
, 특수 지침
All JS 전역 도메인(창) 도메인의 코드를 볼 수 있습니다. 이는 자동으로 실행되는 "익명 메서드"이며, 이 "익명 메서드"의 다른 메서드는 명시적으로
호출될 때만 실행됩니다. 주요 단계
위의 과정은 크게 2단계로 나누어집니다.
파싱(Parsing) : 구문 분석과 사전 파싱을 통해 법률 구문 분석 트리를 구성합니다.
실행: JS 엔진이 각 함수 인스턴스를 실행할 때 실행 환경(ExecutionContext)과 활성 객체(activeObject)를 생성합니다(이들은 호스트 객체에 속하며 수명 주기와 일치합니다). 함수 인스턴스) )
자세한 예제 분석 자료는 다음과 같습니다. http://www.jb51.net/article/24547.htm

핫 AI 도구

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

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

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

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

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

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

뜨거운 주제











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

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

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

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

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

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

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

익명 함수는 간결하고 익명이지만 가독성이 낮고 디버깅이 어렵습니다. 클로저는 데이터를 캡슐화하고 상태를 관리할 수 있지만 메모리 소비 및 순환 참조가 발생할 수 있습니다. 실제 사례: 간단한 수치 처리에는 익명 함수를 사용할 수 있으며 클로저는 상태 관리를 구현할 수 있습니다.
