Duda básica de JS sobre variables

[muebleselnogal2015]

Buenos días,

tengo unas dudas muy básica sobre variables, recién empecé un curso de programación web con JavaScript. A ver si ustedes pueden ayudarme...

1. ¿Si escribo una variable así "var i" en lugar de escribir "i" eso indica que es una variable global?

2. ¿Estas variables globales entonces si las uso en funciones afectarían a todo el código de mi script?

3. Y entonces ¿son variables diferentes si yo escribo "var i=0" y además "i=prompt(...)"?

Tengo un poco de lío la verdad y me resulta muy complejo continuar sin aclarar la base :)

Gracias de antemano.

P

[PHPeros]

Bueno, depende. El keyword var declara la variable en el scope en el cual se está ejecutando la sentencia. Como sabes, en JS las funciones tienen su propio ámbito de variables o scope, por lo tanto, las variables que se se declaran dentro de una función quedan locales y solo se pueden acceder desde esa función o en scopes inferiores (ej. una función dentro de otra), pero nunca superiores.

Código Javascript:

(function(x){
  (function(){
    alert(x); // 123
  }());
}(123));
 
(function(x){
  (function(x){
    alert(x); // 456
  }(456));
}(123));
 

Cuando no utilizas dicha palabra, JS entiende que ya ha sido declarada anteriormente y por ello va ascendiendo por el scope chain hasta encontrar el primer resultado. Si no encuentra ninguna referencia, la define como propiedad del objeto global.

Código Javascript:

(function(x){
  x = 1; // Nótese que x ya está declarada en la función aunque no se le haya pasado ningún valor
  alert(x); // 1
})();
 
alert(window.x); // undefined
 
(function(){
  x = 1;
})();
 
alert(window.x); // 1
 

Creo que con eso se puede deducir lo que preguntas.

[muebleselnogal2015]

Gracias por tu explicación, voy a revisarlo bien, pero me sigue costando mucho entenderlo. Un saludo y gracias.

[Alexis88]

Bienvenido a FDW.

Si defines a una variable fuera de una función, ya sea utilizando la palabra var o sin ella, su ámbito será global, es decir, si hago esto:

Código Javascript:

var foo = 1;
 
function bar(){
    foo = 2;
    return foo;
}
 
alert(bar());
 

O esto:

Código Javascript:

foo = 1;
 
function bar(){
    foo = 2;
    return foo;
}
 
alert(bar());
 

El resultado será 2.

La situación cambia cuando la declaración se realiza dentro de la función.

Código Javascript:

function bar(){
    foo = 1;
    return foo;
}
 
bar();
alert(foo);
 

Lo anterior muestra 1 en el mensaje de alerta pues foo tiene un ámbito global ya que, si bien fue declarada dentro de la función, no se utilizó la palabra var para hacerlo, por lo cual no se limitó su alcance.

Ahora, si la declaramos con var, las cosas cambian un poco:

Código Javascript:

function bar(){
    var foo = 1;
    return foo;
}
 
bar();
alert(foo);
 

Lo anterior no se logra ejecutar puesto que el ámbito de foo no es global ya que fue declarada usando var dentro de la función, por lo cual pasa a ser una variable local o privada en la función. Si te fijas en la consola del navegador (pulsa la tecla F12 y selecciona "Console"), verás el siguiente mensaje:

Código Consola del navegador:

Uncaught ReferenceError: foo is not defined
 

Más información

Saludos