자바스크립트의 간단한 실행 순서 예제
1.
<html> <head> javascript study </head> <body> <script> alert('A') ; setTimeout(function(){ alert('B'); }, 0) ; alert('C') ; </script> </body> </html> |
결과는 A C B
타이머 함수는 현재 단위가 끝나기 전에는 실행되지 않음
즉, 택배가 집에 와도 일하는 동안에는 확인할 수 없는 것처럼, 일을 마치고 집에와야 택배를 확인할 수 있뜻이
모든 실행이 되고 B가 실행 .
2.
<html> <head> javascript study </head> <body> <script> for( var i = 0 ; i< 3 ; i++) { setTimeout(function(){ alert(i) ; }, 0) ; } </script> </body> </html> |
실행결과 : 3 3 3
setTimeout 타이머 함수는 반복문이 모두 끝난 이후에 호출됨
3. 클로저를 이용한 해결
<html> <head> javascript study </head> <body> <script> for( var i = 0 ; i< 3 ; i++) { (function (closed_i){ setTimeout(function(){ alert(closed_i) ; }, 0) ; }) (i) ; } </script> </body> </html> |
결과 : 0 1 2
'Stupid Computer > 4. JavaScript' 카테고리의 다른 글
| [자바스크립트]div태그와 span태그 비교/ innerHTML예제 (0) | 2014.03.20 |
|---|---|
| [자바스크립트] \n, <br>   줄바꾸기 정리 ! (0) | 2014.03.20 |
| [자바스크립트] 한글 깨짐현상 고치기~ js파일 내에서 한글 사용~ (0) | 2014.03.20 |
| [Ajax] XMLHttpRequest 객체 사용(responseText) JavaScript / Ajax / jQuery2011 (0) | 2014.03.20 |
| [자바스크립트] Eclipse javascript 자동완성 플러그인 JSDT 설치 ~ (0) | 2014.03.18 |
| [자바스크립트] 함수의 정의 및 호출 ( 마우스 클릭, 오버 이벤트) (0) | 2014.03.18 |
| [자바스크립트] Eclipse Javascript Code Assist 가 되지 않을때~ (0) | 2014.03.18 |
| [자바스크립트] 객체와 반복문 for in 키워드 사용 (0) | 2014.03.18 |
| [자바스크립트] eval() 함수 사용법, 코드 실행 함수 (0) | 2014.03.18 |
| [자바스크립트] 타이머 함수 ~ 사용 예제 (0) | 2014.03.18 |