# 閉包

function storeMoney(){
var money = 1000; 
return function(price){
money = money + price; 
return money; 
}
}

console.log(storeMoney()(100)); 

storeMoney()本身是表達式 會回傳值 回傳的值會是function(price)函式
所以要多加上一個()來執行回傳的函式

function storeMoney(){
var money = 1000; 
return function(price){
money = money + price; 
return money; 
}
}

console.log(storeMoney()(100)); 

var MingMoney =  storeMoney(); //回傳是一個函式
console.log(MingMoney(100)); //所以可以去執行他

money 這個變數記憶體空間不會被釋放掉
如果有不斷呼叫函式 數值會不斷累加

透過閉包的概念
可以執行屬於自己的函式 擁有自己的變數

## 閉包進階：工廠模式及私有方法

function arrFunction(){
  var arr =[]; 
  for(var i= 0; i<3; i++){
    arr.push(function(){
      console.log(i);
    });
  }
  console.log('i', i); // 'i' 3 只會取到目前作用域下的值
  
  return arr; 
}

var fn = arrFuncti ();
fn[1](); //3
fn[2]();//3
fn[3]();//3

利用立即函式限制作用的特性

function arrFunction(){
  var arr =[]; 
  for(var i= 0; i<3; i++){
    (function(j){
        arr.push(function(){
      console.log(j);
    });
    })(i);
  
  }
  console.log('i', i);
  
  return arr; 
}

var fn = arrFunction();
fn[0]();
fn[1]();
fn[2]();

使用es6 let宣告變數

function arrFunction(){
  var arr =[]; 
  for(let i= 0; i<3; i++){
    
        arr.push(function(){
      console.log(i);
    });
  }
  return arr; 
}

var fn = arrFunction();
fn[0]();
fn[1]();
fn[2]();

函式工廠

function storeMoney(initValue){
 var money = initValue || 1000; 
 return function (price){
 money = money + price; 
 return money;
 }
}

var MingMoney = storeMoney(100); //initValue變成100
console.log(MingMoney(500));// 每次都存price 500 

私有方法 (同時執行多種方法)

function storeMoney(initValue){
 var money = initValue || 1000; 
 return {
  increase: function(price){
   money += price; 
  }, 
  decrease: function(price){
   money -=price; 
  }, 
   value: function(){
    return money;
   }
 }
}

var MingMoney = storeMoney(100);
MingMoney.increase(100);
MingMoney.increase(100);
MingMoney.increase(100);
MingMoney.increase(100);
MingMoney.decrease(25);
MingMoney.decrease(96);
console.log(MingMoney.value()); 

var JayMoney = storeMoney(100);
JayMoney.increase(100);
console.log(JayMoney.value()); 

https://pjchender.dev/javascript/js-closure/