17

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

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

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

alert(plan_state());

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

我究竟做错了什么？

4

2 回答 2

55

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

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

    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();获得状态

于 2012-05-04T16:34:57.303 回答
1

我认为您的变量范围太“低”；通过在函数内定义变量，无论是作为参数还是明确地作为 a var，它只能在函数内访问。为了实现您所追求的，您可以在函数范围之外以更全局的级别实现变量（实际上不推荐）。

但是，在重新阅读您的问题后，它有点误导。你不想回来state不管current吗？我想你可能会追求这样的事情：

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

替代对象结构：

function StateManager(state)
{
    this.state = state;

    this.getState = function(current)
    {
        if (current != '' && current != this.state)
        {
            this.state = current;
        }
        return this.state;
    }
}

// usage
var myStateManager = new StateManager("initial state here");
var theState = myStateManager.getState("some other state");
于 2012-05-04T16:29:19.310 回答