Cómo almacenar un valor global (no necesariamente una variable global) en jQuery?

Question

Actualmente estoy trabajando en una página web heredada que usa toneladas de JavaScript, jQuery, JavaScript de cliente de Microsoft y otras bibliotecas. La conclusión: no puedo volver a escribir toda la página desde cero ya que la empresa no puede justificarla. Así que, es lo que es. De todos modos, necesito contaminar (realmente lo intenté) el espacio de nombre global con una variable. Hay tres opciones que estaba pensando -

1. tienda sólo/recuperarlo utilizando una declaración normal JavaScript - var x = 0;

2. Uso jQuery para almacenar/recuperar el valor de una etiqueta DOM - $("body").data("x", 0);

3. utilizar un campo de formulario oculto, y establecer/recuperar el valor con jQuery - $("whatever").data("x", 0);

¿Hay una manera mejor? Miré la pila existente de código, y no creo que la variable se pueda determinar en una función.

Answer 1

Se puede crear un espacio de nombres en el interior del objeto jQuery, así:

$.mynamespace = { 
    myVar : "something", 
    myVar2 : "somethingElse" 
}; 

o:

$.mynamespace = {}; 
$.mynamespace.myVar = "something"; 
$.mynamespace.myVar2 = "somethingElse"; 

Tenga en cuenta, cualquier método plug-in llamado 'MyNamespace' se sobrescribirán así que asegúrese para usar un nombre sensato

Answer 2

Puede crear un hash en el ámbito global y lo utilizan como un espacio de nombres:

MyNamepace={} 
MyNamespace.newvar = 'value' 
// MyNamespace.newvar => 'value' 

Answer 3

Sólo compartir mi práctica con usted, me gustaría hacer un objeto/var global en el código JavaScript necesario presentar con una sensata prefijo, como en si estoy trabajando en una página donde este objeto será un cuadro de texto a continuación, me gustaría nombrarlo:

g_TxtMyValue = 'value'; // g_ specifies it to be a global variable, it is one 
          // of the many conventions used 

Si usted tiene más de una variable global, también puede tener un espacio de nombres, tales como:

my_txt = {}; // For a real site I would use a prefix relative to the project 
       // name instead of "my". 

my_txt.testValueOne = 'Value one'; 
my_txt.testValueOne = 'Value two'; 

Estas variables estarán disponibles en todo el sitio web, una vez que se hayan inicializado.

Espero que esto ayude.

Answer 4

Para mí la mejor manera de manejar esta situación es definir un objeto en la ventana de objeto:

window.my_config = 
{ 
    my_var1 : 1, 
    my_var1 : 2, 
    my_var1 : 3 
}; 

Esto mantendría su alcance limpio y ordenado. Y cada vez que accede al mundo usando window.my_config, cualquiera que mire el código sabrá que se está accediendo a un global.

Answer 5

Sólo un corto plazo: ¿La FancyBox es AJAX (lo que significa que se carga dentro de un marco flotante, se debe añadir "padre" al método close, así: js parent.$.fancybox.close();

Answer 6

Uso subrayan isEmpty().

_.isEmpty('') devolverá true.