>  기사  >  웹 프론트엔드  >  JavaScript 클로저 예제의 간단한 적용

JavaScript 클로저 예제의 간단한 적용

巴扎黑
巴扎黑원래의
2017-09-02 13:50:281588검색

이 글은 주로 자바스크립트 클로저의 간단한 적용을 자세하게 소개하고 있는데, 관심 있는 친구들은 참고하면 됩니다.

클로저 정의

자바스크립트에서 내부 함수가 외부 함수 외부의 변수일 때 참조하면 클로저가 형성됩니다. 간단히 말해서 클로저는 다른 함수의 내부 변수를 읽을 수 있는 함수입니다.

클로저 함수:

1. 함수 내부에서 변수를 읽을 수 있습니다
2. 이 변수의 값을 메모리에 보관하세요.
클로저의 간단한 적용

예제 1:


function a() { 
  var i = 0; 
 function b() {
  console.log(++i);
 } 
 return b;
}      
var c = a();  //执行完var c=a()后,变量c指向了函数b,再执行c()后就会显示i的值(为1)。
c();    //输出1

예 2:


(function() { 
var i = 0; 
 return function(){
   console.log(++i);
  }
})()();     //输出1

예 3:


(function(i) { 
 return function(){
   console.log(++i);
  }
})(0)();     //输出1

예 4:


for (var i = 0; i < 3; i++) {
 setTimeout((function(i) {    
  return function() {
   console.log(i);
  };
 })(i), 2000);
 console.log(i+10);
}      //输出 10 11 12 (隔两秒后)0 1 2

예 5:


rreee

위 내용은 JavaScript 클로저 예제의 간단한 적용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.