๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
studies/Back-end

[Javascript] ๋ฒ„ํŠผ ๋ˆ„๋ฅด๋ฉด ๊ฐ’ ์ฆ๊ฐ€(๋ˆ„์ )ํ•˜๋Š” ๋กœ์ง

by Vada Kim 2020. 3. 31.
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์œผ๋กœ ์ดˆ๊ธฐํ™”๋˜๋Š”๋ฐ ์–ด๋–ป๊ฒŒ ๊ธฐ์กด ๊ฐ’์„ ๊ฐ€์ ธ์˜ค๋Š”๊ฑด์ง€...

์•Œ๊ณ ๋ฆฌ์ฆ˜์„ ๊ณต๋ถ€ํ•ด์•ผ ํ•  ๊ฒƒ ๊ฐ™๋‹ค. 

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ฝ”๋“œ๋ฆฌ๋ทฐ์˜€๋‹ค.

 

์ถœ์ฒ˜: https://www.w3schools.com/

728x90
๋ฐ˜์‘ํ˜•