سلام

یک نکته بسیار مهمی وجود داره اینکه ما یک value بیشتر نداریم ولی به ازای هر بار که تابع counter رو فراخوانی میکنیم یک مقدار message ایجاد و داخل حافظه قرار میگیره! زمانی که message داره مقدار دهی میشه هر مقداری که داخل value باشه رو میگیره و جایگزین میشه و دیگه تغییرات اون روی مقدار message اثری نداره.

تابعی که داره log میکنه هر دفعه داره مقدار message رو لاگ میگیره که یک مقدار ثابت و تغییر نمیکنه ولی تابع getValue هر دفعه داره مقدار value رو برمیگردونه و یک value هم بیشتر ما نداریم پس همیشه آخرین مقدار رو داریم دریافت میکنیم.

به دلیل اینکه یک scope با استفاده از createIncrement ایجاد شده یکمی شاید در نگاه اول موضوع رو سخت‌تر کرده باشه! برای اینکه یکمی موضوع ساده‌تر بشه اون تابع اول رو میشه حذف کرد که موضوع رو راحت‌تر متوجه بشی. تفاوتش با قبلی اینه که داریم از global scope داریم استفاده میکنیم

let value = 0;
 function increment() {
    value = value + 1;
    console.log(value);
    const message = `Current value is ${value}`
    function logger() {
        console.log(message);
    }
    function getValue() {
        return value;
    }
    return {
        logger,
        getValue
    }
}

بزار مسئله رو خیلی ساده‌تر بکنیم

let value = 0
let message = `current value is ${value}`
value = 1
console.log(message)

قطعا انتظار ندارید که  message با تغییر value تغییر بکن