클로저(Closure) 의 특성과 응용 그리고 실수
클로저 특성으로, 내부함수에서 외부함수의 지역변수에 접근 할 수 있는데, 외부함수의 실행이 끝나서 외부함수가 소멸된 이후에도 내부함수가 외부함수의 변수에 접근 할 수 있다. -> 함수 안의 내부함수나 그 로컬 변수들은 그 외부함수의 밖에서 접근을 못한다.
잘못 작성된 코드
결과
그러면 왜 5만 5번이 출력이 되었을까?
=>
클로저의 특성인 내부함수에서 외부함수의 지역변수에 접근을 하는것인데 arr[i] 로 정의된 함수에서 사용하는 i는 외부함수의 지역변수가 아니다.
arr[i] 는 i를 리턴하는 함수로만 사용이 되는데, 이 i 가 외부함수의 지역변수가 아니기 때문에 for문을 이미 종료된 상태인 i = 5 인 상황이 되어버리기 때문이다.
고쳐진 코드
결과
=>
for문을 돌때 미리 i를 이용한 외부변수를 실행하여(실행후 소멸됨) 각각 arr[i]는 실행된 외부함수로부터 반환된 내부함수가 되기 때문에 다른방식의 결과가 나오기 때문이다.
참고 https://opentutorials.org/course/743/6544
'Study > JScript/JQuery' 카테고리의 다른 글
클로저(Closure) 의 특성과 응용 그리고 실수 (0) | 2017.01.05 |
---|---|
Canvas Context 메소드 확장하기. (0) | 2016.05.10 |
_h5ai audio,video autoplay (0) | 2014.09.29 |
스팸 필터 정책에 의해 영문만으로 작성된 글이나 무의미한 내용의 글은 등록이 되지 않을 수도 있습니다.
display,visibility 속성 정리
display 속성
display: inline 기본값으로, 요소를 inline 요소처럼 표시합니다. => 앞뒤로 줄바꿈 되지 않습니다.
display: block 요소를 block 요소처럼 표시합니다. => 따라서 요소 앞 뒤로 줄바꿈 됩니다
display: none 박스가 생성되지 않습니다. => 따라서 공간을 차지하지도 않습니다.
display: inline-block 요소는 inline인데 내부는 block 처럼 표시함. => 즉, 박스 모양이 inline 처럼 옆으로 늘어섬.
visibility 속성
visibility: visible 기본값으로 요소가 그대로 보입니다.visibility: hidden 요소가 보이지 않지만, 여전히 그 공간을 차지하며 투명하게 남습니다.
visibility: collapse <table> 태그에서만 사용할 수 있는 값으로, 선택 테이블의 행과 열을 숨깁니다.
하지만 여전히 투명하게 공간을 차지 합니다.
<table> 이외에서 사용하면 hidden 상태처럼 만듭니다.
(collapse는 IE, Firefox에서만 작동)
참고 : http://aboooks.tistory.com/85
'Study > Markup' 카테고리의 다른 글
display,visibility 속성 정리 (0) | 2017.01.05 |
---|---|
display: inline-block 여백이 생기는 현상 (0) | 2017.01.05 |
스팸 필터 정책에 의해 영문만으로 작성된 글이나 무의미한 내용의 글은 등록이 되지 않을 수도 있습니다.