javascript - 在javascript函数中保持变量事件的问题

Question

我想在函数中放置一个变量。此变量将根据用户交互更改状态。例如:

function plan_state(current){
    if (current != ''){
        state = current;
    }
    else {
        return state;
    }
}

当文档加载时，我会调用 plan_state('me')，当某些事情发生时，我可能会调用 plan_state('loved')。当我运行一个函数并想检查当前状态时出现问题:

alert(plan_state());

我返回了 undefined，但值应该是“我”，因为我之前在文档加载时设置了这个值。

我做错了什么？

Answer 1

该函数不是有状态的，因为状态变量是在函数内部声明的，因此仅在函数调用的生命周期内存在。一个简单的解决方案是在函数外部全局声明变量。这是 bad bad bad bad .

更好的方法是使用 module pattern .如果您认真对待 JavaScript 开发，这是学习的基本模式。它通过内部(私有(private)变量)启用状态，并公开许多用于更改或获取状态的方法或函数(如面向对象编程)

    var stateModule = (function () {
        var state; // Private Variable

        var pub = {};// public object - returned at end of module

        pub.changeState = function (newstate) {
            state = newstate;
        };

        pub.getState = function() {
            return state;
        }

        return pub; // expose externally
    }());

所以 stateModule.changeState("newstate"); 设置状态

和var theState = stateModule.getState();获取状态