자바스크립트 클로저_javascript 기술

소개
클로저
소위 "클로저"는 많은 변수를 갖는 표현식(보통 함수)과 이러한 변수에 바인딩된 환경을 의미하므로 이러한 변수도 표현식 부분의 일부입니다.
클로저는 ECMAScript(JavaScript)의 가장 강력한 기능 중 하나이지만, 클로저를 잘 사용하기 위한 전제 조건은 클로저에 대한 이해입니다. 클로저는 상대적으로 생성하기 쉽고 사람들이 실수로 클로저를 생성할 수도 있습니다. 그러나 의도하지 않게 생성된 클로저는 특히 일반적인 브라우저 환경에서 잠재적으로 해로울 수 있습니다. 클로저의 장점을 활용하고 단점을 피하려면 클로저의 작동 방식을 이해해야 합니다. 클로저 작업 메커니즘의 구현은 식별자(또는 객체 속성)의 구문 분석 프로세스에서 범위의 역할에 크게 좌우됩니다.

클로저를 설명하는 가장 간단한 방법은 ECMAScript가 내부 함수의 사용을 허용한다는 것입니다. 즉, 함수 정의와 함수 표현식이 다른 함수의 함수 본문 내에 위치합니다. 또한 이러한 내부 함수는 모든 지역 변수, 매개변수 및 해당 함수가 존재하는 외부 함수에 선언된 기타 내부 함수에 액세스할 수 있습니다. 이러한 내부 함수 중 하나가 이를 포함하는 외부 함수 외부에서 호출되면 클로저가 형성됩니다. 즉, 외부 함수가 반환된 후에 내부 함수가 실행됩니다. 이 내부 함수가 실행되면 여전히 외부 함수의 지역 변수, 매개변수 및 기타 내부 함수에 액세스해야 합니다. 이러한 지역 변수, 매개변수, 함수 선언(초기)의 값은 외부 함수가 반환될 때의 값이지만 내부 함수의 영향도 받습니다.

안타깝게도 클로저를 제대로 이해하려면 클로저 뒤의 메커니즘과 관련 기술 세부 사항을 이해해야 합니다. 이 기사의 전반부에서는 ECMA 262 사양에 지정된 일부 알고리즘을 다루지 않지만 여전히 피하거나 단순화할 수 없는 부분이 많이 있습니다. 객체 속성 이름 해석에 익숙한 분들은 해당 내용을 건너뛰어도 되지만, 클로저에 대해서도 매우 익숙하지 않은 경우에는 다음 섹션을 건너뛰지 않는 것이 가장 좋습니다.

객체 속성 이름 확인
ECMAScript는 네이티브 객체와 호스트 객체라는 두 가지 유형의 객체를 인식합니다. 호스트 객체에는 내장 객체라고 하는 네이티브 객체의 하위 클래스가 포함되어 있습니다(ECMA 262 3rd Ed 섹션 4.3). . 기본 개체는 언어에 속하지만 호스트 개체는 문서 개체, DOM 및 유사한 개체와 같은 환경에서 제공됩니다.

기본 개체에는 느슨하고 동적으로 명명된 속성이 있습니다(내장 개체 하위 클래스의 일부 구현에서는 역동성이 제한되지만 이는 큰 문제가 되지 않습니다). 객체의 명명된 속성은 값을 저장하는 데 사용됩니다. 값은 다른 객체(객체)에 대한 참조일 수도 있고(이 의미에서 함수도 객체임) 문자열, 숫자, 기타 기본 데이터 유형일 수 있습니다. 부울, Null 또는 정의되지 않음. 더 특별한 것은 Undefine 유형입니다. 왜냐하면 개체의 해당 속성을 삭제하지 않고도 개체의 속성에 Undefine 유형 값을 할당할 수 있기 때문입니다. 게다가 이 속성은 정의되지 않은 값만 보유합니다.

다음은 객체의 속성값을 설정하고 읽는 방법에 대해 간략하게 소개하고, 해당 내부 세부 사항을 최대한 반영하는 것입니다.

값 할당 ​​
객체의 명명된 속성은 명명된 속성에 값을 할당하여 생성하거나 재할당할 수 있습니다. 즉,

var objectRef = new Object(); //일반 자바스크립트 객체를 생성합니다.
"testNumber"라는 속성은 다음 명령문을 통해 생성할 수 있습니다.

objectRef.testNumber = 5
/* - 또는 - */
objectRef["testNumber"] = 5 ;
할당 전에는 개체에 "testNumber" 속성이 없었지만 할당 후에는 속성이 생성됩니다. 이후의 할당문에서는 이 속성을 다시 생성할 필요가 없으며 해당 값만 재설정하면 됩니다.

objectRef.testNumber = 8
/* - 또는 - */
objectRef[" testNumber"] = 8;
자바스크립트 객체에는 프로토타입 속성이 있고, 이러한 프로토타입 자체도 객체이므로 명명된 속성을 가질 수 있다는 점은 나중에 소개하겠습니다. 그러나 속성이라는 프로토타입 객체의 역할은 할당 단계에서 반영되지 않습니다. 마찬가지로 명명된 속성에 값을 할당할 때 객체에 해당 속성이 없으면 명명된 속성이 생성되고, 그렇지 않으면 속성 값이 재설정됩니다.

자세한 내용은 다음 글을 참고하세요:
http://demo.jb51.net/js/javascript_bibao/index.htm