728x90
반응형
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Closures</h2>
<p>Counting with a local variable.</p>
<button type="button" onclick="myFunction()">Count!</button>
<p id="demo">0</p>
<script>
var add = (function () {
var counter = 0;
return function () {counter += 1; return counter;}
})();
function myFunction(){
document.getElementById("demo").innerHTML = add();
}
</script>
</body>
</html>
사실 이 방법이 이해가 아직 잘 가진 않는다. add() 함수가 실행될 때마다 함수 안의 지역변수가 0으로 초기화되는데 어떻게 기존 값을 가져오는건지...
알고리즘을 공부해야 할 것 같다.
자바스크립트 코드리뷰였다.
728x90
반응형
'농장 > Javascript' 카테고리의 다른 글
Javascript === 연산자와 == 연산자의 차이 (0) | 2021.04.03 |
---|---|
[JS] document.write() 함수 사용시 주의 (0) | 2020.03.30 |
[ JavaScript ] 해당 클래스의 요소를 일괄 동작시키기 / 자주쓰이는 문법 정리 (0) | 2020.02.15 |