> 웹 프론트엔드 > JS 튜토리얼 > js의 폐쇄 원리 이해하기

js의 폐쇄 원리 이해하기

黄舟
풀어 주다: 2017-02-27 14:41:37
원래의
1331명이 탐색했습니다.

질문이 있으신가요? js(javaScript)의 클로저 원리는 무엇이고 그 기능은 무엇인가요?

1. 정의

공식 설명: 클로저는 많은 변수와 이러한 변수에 바인딩된 환경을 포함하는 표현식입니다. ), 따라서 이러한 변수도 표현식의 일부입니다.


물론이죠. . . . . 무엇! 시골 사람들은 문을 부수는 것을 이해할 수 없습니다! ! !

그래서 편집자의 이해는 이렇습니다. ****는 함수 내에 정의된 함수이고 외부에서 접근할 수 있습니다. (일반적인 상황에서는 로컬 기능에 접근할 수 없습니다) 이는 약간 바지를 벗고 방귀를 뀌는 것과 비슷하지만 불필요하지는 않습니다. . 클로저에는 확실히 역할이 있습니다.


기능: 1. 전역 변수의 개체를 줄여 전역 변수가 너무 커지는 것을 방지할 수 있습니다.

2. 내부 변수는 외부에서 접근이 불가능하고 수정이 불가능하므로 수정 가능한 변수를 방지합니다. 안전성

3. 함수 내부의 변수를 읽어들이는 것과 또 하나는 이 변수들의 값을 메모리에 보관하는 것입니다.

2. 예: (js 코드)

1. Javascript 언어의 특별한 점은 전역 함수를 내부에서 직접 읽을 수 있다는 것입니다. 함수 변수.

var n=999;
  function f1(){
    alert(n);
  }
  f1(); // 999
로그인 후 복사


2. 반면, 함수 내부의 지역 변수는 함수 외부에서 읽을 수 없습니다.

 

 function f1(){
    var n=999;
  }
  alert(n); // error
로그인 후 복사


여기서 한 가지 주의할 점은 함수 내부에서 변수를 선언할 때 var 명령어를 사용해야 한다는 것입니다. 사용하지 않으면 실제로 전역 변수를 선언하는 것입니다!

아아앙



**** *외부에서 지역 변수를 읽는 방법은 무엇입니까?

함수 내에서 지역 변수를 가져와야 하는 경우가 있습니다. 그러나 앞서 언급했듯이 이는 일반적인 상황에서는 불가능하며 해결 방법을 통해서만 가능합니다.


  function f1(){
    n=999;
  }
  f1();
  alert(n); // 999
로그인 후 복사


3. 클로저 사용 패키지 주의사항

1) 클로저를 사용하면 함수의 변수가 메모리에 저장되어 많은 메모리를 소모하므로 클로저를 남용할 수 없습니다. 그렇지 않으면 웹 페이지에서 성능 문제가 발생합니다. IE는 메모리 누수를 일으킬 수 있습니다. 해결책은 함수를 종료하기 전에 사용되지 않는 모든 지역 변수를 삭제하는 것입니다.


2) 클로저는 상위 함수 외부의 상위 함수 내부 변수 값을 변경합니다. 따라서 상위 함수를 객체로, 클로저를 퍼블릭 메소드로, 내부 변수를 프라이빗 값으로 사용하는 경우, 상위 함수 내부의 변수 값을 자유롭게
변경하지 않도록 주의해야 합니다. .

위 내용은 js의 클로저 원리에 대한 이해입니다. 자세한 내용은 PHP 중국어 홈페이지( www.php.cn)!


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿