JS问题，如何在函数内容保留变量的值

Question

function createAddPromptMask(data) {
    var flagPromptMask = false
    console.log("flagPromptMask == ", flagPromptMask)
    setTimeout(function(){
        
        flagPromptMask = true
    }, 3 * 1000)
}

在createAddPromptMask函数中，有个变量flagPromptMask

我希望第一次执行createAddPromptMask值 flagPromptMask 是 false
我希望第二次执行createAddPromptMask值 flagPromptMask 是 true

不能把flagPromptMask放到函数外面

Answer 1

在函数内部声明的变量不可能做到，只能放到外部，或者挂载到函数本身，因为函数也是一个对象
createAddPromptMask.flagPromptMask = false

Answer 2

var createAddPromptMask = (function(){
    var flagPromptMask = false;
    return function createAddPromptMask(data) {
        console.log("flagPromptMask == ", flagPromptMask);
        setTimeout(function(){
            flagPromptMask = true;
        }, 3e3)
    }
})();

Answer 3

你希望两次调用的访问的是同一个 flagPromptMask。

那么就需要让 flagPromptMask 的作用域更大。

1. 全局（你不采用这个方案）
2. 闭包（楼上的写法，等于多了一层作用域）createAddPromptMask = (function(){var flagPromptMask = false;return function(){}})()
3. 上面说的都是作用域，js 里面还有个原型链之类的概念 this。（hfhan 提到的）createAddPromptMask=function(){console.log(this.flagPromptMask)};createAddPromptMask.flagPromptMask=false;

方案都类似，就是把变量唯一，让他可以被两次 createAddPromptMask 访问。