mantenendo variabili vivo in una funzione javascript

Question

voglio per ospitare una variabile in una funzione Questa variabile cambia di stato a seconda dell'interazione dell'utente

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

quando i carichi doc chiamo plan_state ('me');

quando certe cose accadono i può chiamare plan_state ('amato')

il problema, ho eseguito una funzione e voglio controllare lo stato attuale ..

alert(plan_state()); 

ottengo indefinita schiena e al il minimo è dovrebbe essere 'me' come ho impostato questo onload.

cosa sto facendo di sbagliato?

Answer 1

La funzione non è stateful perché la variabile di stato è dichiarata all'interno della funzione e quindi esiste solo per tutta la vita della chiamata di funzione. Una soluzione facile sarebbe dichiarare la variabile globalmente, al di fuori della funzione. Questo è badbadbadbad.

Un approccio migliore consiste nell'utilizzare lo module pattern. Questo è uno schema essenziale per imparare se sei serio sullo sviluppo di javascript. Permette stato mediante (variabili private) interne ed espone una serie di metodi o funzioni per modificare o di ottenere lo stato (come programmazione orientata agli oggetti)

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 
    }()); 

così stateModule.changeState("newstate"); imposta lo stato

e var theState = stateModule.getState(); ottiene lo stato

Answer 2

Credo che l'ambito della variabile sia troppo "basso"; definendo la variabile all'interno della funzione, come parametro o esplicitamente come var, è accessibile solo all'interno della funzione. Per ottenere ciò che cerchi, puoi implementare la variabile al di fuori dell'ambito della funzione, ad un livello più globale (non consigliato in realtà).

Tuttavia, dopo aver riletto la tua domanda, è un po 'mancare. Non vorresti restituire state indipendentemente dallo current? Credo che si potrebbe essere alla ricerca di qualcosa in questo modo:

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

struttura alternativa oggetto:

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");