탈의실

3572 단어 JavaScript
・variable 정의 후 스토리지에 저장
function 집행할 때 안을 봐요.
• const나let에 function을 대입할 때, 이 function의 변수를 다른 메모리에 저장하고, 참조를 거기에 저장합니다
• function을 실행할 때 return을 봅니다.
・참조형: object,aray
・원형:string,integer,flat,boolean
sample.js
let countNumber = 0; // #0 = 0

// obejct array referece
// string integer float boolean primitive

const createCounter = () => {
  countNumber = countNumber + 1;
  const myNumber = countNumber; // #0(countNumber) = 2, #4(myNumber2) = 2
  let counter = 0 // #5(counter2) = 0

  const f = () => { // Capture: counter = #5, myNumber = #4
    counter++
    console.log(`Counter ${myNumber}: ${counter}`)
  }
  return f
}

let c1 = createCounter(); // myNumber: #1 counter: #2
let c2 = createCounter(); // myNumber: #4 counter: #5
let c3 = createCounter(); // myNumber: #7 counter: #8

c2()
c2()
c2()
c2()

c3();

c1();
c1();


참고 문헌
함수를 이해하면 복제는 어렵지 않아요!
http://analogic.jp/closure/
JavaScript의 벽장이 내부에서 어떻게 작동하는지
http://postd.cc/how-do-javascript-closures-work-under-the-hood/

좋은 웹페이지 즐겨찾기