chrome toma como definida variable no definida

IsaBelM · #1 (**permalink**) 31/08/2011, 16:09

según chrome la variable "estado" está definida

Cita:

function fnc() {
if (typeof(estado) == "undefined" || estado == 0) {
estado = 1;
}else{
estado = 0;
}
alert(estado);
}

los demás navegadores se comportan con lógica, pero chrome .... en este caso no. la primera vez que invoco la función me levanta que el valor de la variable es 0, cuando tendría que ser 1

gracias

zerokilled · #2 (**permalink**) 31/08/2011, 16:22

buenas!
creo que es un error de lógica de tu parte y me extraña que según tu en otro navegadores funciona distinto a chrome. fijate que estas usando el operador typeof el cual (a mi entender) puede tomar un identificador que no este previamente definido. por tanto, typeof estado devuelve "undefined", el cual luego evalua a true en la condición de if.

@edit, no se si lei bien, pero creo que lei algo al reves!

laratik · #3 (**permalink**) 31/08/2011, 16:31

Cita:

Iniciado por IsaBelM

<solución>
para chrome es tipo object, así que sólo hay añadir
</solución>

¿En que versión Chrome hace eso? probe tu función en la versión 13.0.782.218 m y me ha funcionado perfectamente, tanto si hago esto:

Código Javascript:

Ver originalfunction fnc() {
if (typeof(estado) == "undefined" || estado == 0) {
estado = 1;
}else{
estado = 0;
}
alert(estado);
}
 
onload = fnc;

resultado 1

Tanto como para

Código Javascript:

Ver originalfunction fnc() {
if (typeof(estado) == "undefined" || estado == 0) {
estado = 1;
}else{
estado = 0;
}
alert(estado);
}
 
onload = function() {
    fnc();
    fnc();
};

resultado 1 y luego 0.

Así que me atrevo a pensar que el objeto lo estas arrastrando desde antes de invocar la función... lo que me extraña es que en otros navegadores si tengas los resultados deseados.

Se me adelanto @zerokilled. Los posibles valores de retorno del operador typeof son: undefined, boolean, number, string para cada uno de los tipos primitivos y object para los valores de referencia y también para los valores de tipo null.

IsaBelM · #4 (**permalink**) 31/08/2011, 16:57

gracias por interesaros

estoy totalmente de acuerdo con vosotros. typeof() debería devolver "undefined" y luego "number", pero devuelve "object" y luego "number"

laratik, la versión es la misma que la tuya

os he montado un pequeño ejemplo por si al caso no me hice entender

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; http-equiv="Content-Type" charset=utf-8"/>
<title></title>
<script type="text/javascript">
function fnc() {
alert('el tipo es ' +typeof(estado))
if (typeof(estado) == "undefined" || estado == 0) {
estado = 1;
}else{
estado = 0;
}
}

function fnc2() {
alert(estado);
}

function escucha() {
if(document.getElementById('evento').addEventListe ner) {
document.getElementById('evento').addEventListener ('click', fnc, false);
document.getElementById('estado').addEventListener ('click', fnc2, false);
} else {
document.getElementById('evento').attachEvent('onc lick', fnc);
document.getElementById('estado').attachEvent('onc lick', fnc2);
}
}

window.onload = function() {escucha()};
</script>
</head>
<body>
<h3>al pulsar el botón evento y luego el otro devuelve 1. al hacer el mismo proceso otra vez devolverá 0</h3>
<form>
<input type="button" id="evento" value="evento" />
<input type="button" id="estado" value="está activo el botón evento?" />
</form>
</body>
</html>

Aijoona · #5 (**permalink**) 31/08/2011, 17:00

Lamentablemente no es un bug, para el que quiera seguir leyendo, acá se habla del tema.

Cita:

What is supposed to happen is that ‘named elements’ are added as apparent properties of the document object. This is a really bad idea, as it allows element names to clash with real properties of document

zerokilled · #6 (**permalink**) 31/08/2011, 17:05

me imaginaba por donde iba el problema pero no estaba seguro. verás, chrome adopto una maldición de iexplorer: crear variables automaticamente de elementos con id. fijate que tienes un elemento con id "estado". al igual que iexplorer, chrome genera la variable estado para dicho elemento. hacia tiempo que ya sabia de este comportamiento en chrome, pero lo que no recuerdo es si chrome limita esa característica según el contexto.

IsaBelM · #7 (**permalink**) 31/08/2011, 17:18

pues ya está, hay que cambiar la id

gracias por vuestra colaboración

buzu · #8 (**permalink**) 01/09/2011, 00:12

pero que cosa tan fea. Ahora resulta que chrome es el nuevo IE jaja

IsaBelM · #9 (**permalink**) 01/09/2011, 04:39

Cita:

Iniciado por buzu

pero que cosa tan fea. Ahora resulta que chrome es el nuevo IE jaja

al menos la versión 8 de ie no está creando el objeto con id como variable

zerokilled · #10 (**permalink**) 01/09/2011, 05:00

pues, yo tengo la version 8 y acabo de hacer una prueba. la verdad, no ha cambiado nada. al menos no a mi.

IsaBelM · #11 (**permalink**) 01/09/2011, 05:29

que extraño!! acabo de probarlo de nuevo y ie8 me devuelve "undefined" al igual que ff y opera. chome y safari devuelve "object"

buzu · #12 (**permalink**) 02/09/2011, 01:21

curioso, ahora tenemos problemas de identidad con IE8. Uno no puede imaginarse cosa más fea. Yo creo que lo mejor es ignorar definitivamente este aspecto de esto nabegadores.

Pasando a otra cosa, si chrome y safari debuelven object, eso quiere decir que tiene que ver con webkit? o estamos viendo un incremento en los navegadores que implementan este comportamiento? Personalmente no creo que sea webkit, pero uno nunca sabe.

Aijoona · #13 (**permalink**) 02/09/2011, 04:33

Lo malo de este problema es que es completamente inesperado para el que no lo conoce. Cuando lo sufrio un compañero estaba seguro de que el framework (Seam) le estaba contaminando el contexto.

buzu · #14 (**permalink**) 05/09/2011, 13:58

Lo peor de todo es que puedes concer el lenguaje al derecho y al revez, y aun así no sabrás de este comportamiento hasta que te lo topes personalmente o leas algo como este hilo.

gebremswar · #15 (**permalink**) 28/03/2012, 12:56

Difundiré este hilo.

Temas como estos son de gran ayuda!

minombreesmm · #16 (**permalink**) 10/10/2012, 17:03

Cita:

Iniciado por IsaBelM

según chrome la variable "estado" está definida

los demás navegadores se comportan con lógica, pero chrome .... en este caso no. la primera vez que invoco la función me levanta que el valor de la variable es 0, cuando tendría que ser 1

gracias

<solución>
para chrome es tipo object, así que sólo hay añadir
</solución>

lei todos, tambien a mi me pasan ese tipo de cosas con chrome, como por ejemplo ejecutar 2 veces una funcion al recargar que solo deberia ejecutar una vez como los demas exploradores..
sabes a veces es que chrome guarda en cache las variables.. varias veces me pasaba asi y yo borre la cache de chrome y todo regreso a la normalidad.
no es una solución pero puede ser un motivo, por que, que va a saber el usuario de andar borrando caches.
un saludo..!