Skip to main content
Actualizado todo al idioma español y agregado el uso del ;
Origen Enlace
devconcept
  • 12.8k
  • 3
  • 42
  • 57
var Ejemplo3;
var Ejemplo2 = function MyFunc() {
    Ejemplo3 = MyFunc;
    // La referencia MyFunc sólo existe dentro del cuerpo de la propia función
};

// var Ejemplo4 = MyFunc ----- lanza un error de referencia MyFunc is not defined
var Ejemplo = function recursivo(arg) {
  if (arg < 10) {
    console.log('iteración ' + arg);
    recursivo(arg + 1);
  }
};

Ejemplo(2);
var Ejemplo3;
var Ejemplo2 = function MyFunc() {
    Ejemplo3 = MyFunc;
    // La referencia MyFunc sólo existe dentro del cuerpo de la propia función
}

// var Ejemplo4 = MyFunc ----- lanza un error de referencia MyFunc is not defined
var Ejemplo = function recursivo(arg) {
  if (arg < 10) {
    console.log('iteración ' + arg);
    recursivo(arg + 1);
  }
}

Ejemplo(2);
var Ejemplo3;
var Ejemplo2 = function MyFunc() {
    Ejemplo3 = MyFunc;
    // La referencia MyFunc sólo existe dentro del cuerpo de la propia función
};

// var Ejemplo4 = MyFunc ----- lanza un error de referencia MyFunc is not defined
var Ejemplo = function recursivo(arg) {
  if (arg < 10) {
    console.log('iteración ' + arg);
    recursivo(arg + 1);
  }
};

Ejemplo(2);
Actualizado todo al idioma español y agregado el uso del ;
Origen Enlace
devconcept
  • 12.8k
  • 3
  • 42
  • 57
function EjemploUno(){
    // código
}

Esto es lo que se conoce como una definición de una función y se usa para declarar una función y asignársela al identificador o variable EjemploUno. He visto también usarse el término declaración de función para referirse a estaella.

Nota: Esta estructura NO requiere el uso de un ; al final de su declaración.

alert(Ejemplo1);
alert(Ejemplo2);

console.log(Ejemplo1);
console.log(Ejemplo2);

function Ejemplo1() {
   // Cuerpo de la función Ejemplo1
}

var Ejemplo2 = function() {
   // Cuerpo de la función Ejemplo2
};

Ese segundo caso es lo que se conoce como Expresión de función que puede ser anónima o no. Ambas formas REQUIEREN el uso de un ; para separarlas de la próxima instrucción. Ejemplo:

var Ejemplo2 = function() {
     // Expresión de función que asigna una función sin nombre o anónima
     // a una variable Ejemplo2
};

var Ejemplo2 = function MyFunc() {
    // Expresión de función que asigna una función llamada MyFunc a
    // la variable Ejemplo2
};

UPDATEACTUALIZACIÓN

UPDATE2ACTUALIZACIÓN 2

function EjemploUno(){
    //código
}

Esto es lo que se conoce como una definición de una función y se usa para declarar una función y asignársela al identificador o variable EjemploUno. He visto también usarse el término declaración de función para referirse a esta estructura.

alert(Ejemplo1);
alert(Ejemplo2);

console.log(Ejemplo1);
console.log(Ejemplo2);

function Ejemplo1() {
   // Cuerpo de la función Ejemplo1
}

var Ejemplo2 = function() {
   // Cuerpo de la función Ejemplo2
}

Ese segundo caso es lo que se conoce como Expresión de función que puede ser anónima o no. Ejemplo:

var Ejemplo2 = function() {
     // Expresión de función que asigna una función sin nombre o anónima
     // a una variable Ejemplo2
}

var Ejemplo2 = function MyFunc() {
    // Expresión de función que asigna una función llamada MyFunc a
    // la variable Ejemplo2
}

UPDATE

UPDATE2

function EjemploUno(){
    // código
}

Esto es lo que se conoce como una definición de una función y se usa para declarar una función y asignársela al identificador o variable EjemploUno. He visto también usarse el término declaración de función para referirse a ella.

Nota: Esta estructura NO requiere el uso de un ; al final de su declaración.

alert(Ejemplo1);
alert(Ejemplo2);

console.log(Ejemplo1);
console.log(Ejemplo2);

function Ejemplo1() {
   // Cuerpo de la función Ejemplo1
}

var Ejemplo2 = function() {
   // Cuerpo de la función Ejemplo2
};

Ese segundo caso es lo que se conoce como Expresión de función que puede ser anónima o no. Ambas formas REQUIEREN el uso de un ; para separarlas de la próxima instrucción. Ejemplo:

var Ejemplo2 = function() {
     // Expresión de función que asigna una función sin nombre o anónima
     // a una variable Ejemplo2
};

var Ejemplo2 = function MyFunc() {
    // Expresión de función que asigna una función llamada MyFunc a
    // la variable Ejemplo2
};

ACTUALIZACIÓN

ACTUALIZACIÓN 2

Expandida la respuesta para mostrar aun más diferencias
Origen Enlace
devconcept
  • 12.8k
  • 3
  • 42
  • 57
// código ilegal
(function() {
    'use strict';

     
     if (true) {
         // bloque de la instrucción if
         function b() {
             // esto funciona en algunos lugaresentornos pero de acuerdo al estándard 
             // no es código legal
             // lo recomendado es que uses una expresión de función en casos como este
         }
         b();
     }     

} ());

// aceptado por el estándard
(function() {
    'use strict';

     function b() {
       // ahora la función se encuentra declarada en el bloque de la función 
       // o bloque de nivel superior
     }  
   
     if (true) { 
         b();
     }     

} ());

El código anterior no genera errores en algunos entornos pero la razón de esto es por extensiones que le hacen los navegadores al estandard ECMA-262ECMA-262, que especifica que las declaraciones de funciones no se pueden usar en todas partes, restricción que no aplica a las Expresiones de función. Este vínculo(en inglés) tiene información muy detallada al respectosobre los motivos por los que el estándard hace semejante afirmación.

UPDATE2

El último caso donde se ven las diferencias es que en Ecmascript 6 ya existe el ámbito de bloque lo que cambia completamente la semántica de una declaracion de función si esta se encuentra dentro de un bloque de código como el ejemplo anterior. Según el estandard esto debería ocurrir:

if (true) {
   function Ejemplo1() {}

   function Ejemplo2() {}

   Ejemplo1();
}
Ejemplo2() // Reference error Ejemplo2 is not defined

Esto es algo que aún se encuentra en proceso de implementación pero lo recomendado es que no escribas código que pueda ser considerado ilegal para que lo que escribas pueda sobrevivir mejor a los cambios futuros que pueda experimentar el lenguaje por eso es importante que conozcas las diferencias entre las dos estructuras.

Tu pregunta se puede resumirse en que son completamente diferentes desde el punto de vista del lenguaje (incluso en el spec se encuentran divididas http://es5.github.io/#x12.4 y http://es5.github.io/#x13) teniendo como similitud que ambas pueden usarse para declarar funciones.

// código ilegal
(function() {
    'use strict';

     
     if (true) {
         // bloque de la instrucción if
         function b() {
             // esto funciona en algunos lugares pero de acuerdo al estándard 
             // no es código legal
         }
         b();
     }     

} ());

// aceptado por el estándard
(function() {
    'use strict';

     function b() {
       // ahora la función se encuentra declarada en el bloque de la función 
       // o bloque de nivel superior
     }  
   
     if (true) { 
         b();
     }     

} ());

El código anterior no genera errores en algunos entornos pero la razón de esto es por extensiones que le hacen los navegadores al estandard ECMA-262, que especifica que las declaraciones de funciones no se pueden usar en todas partes, restricción que no aplica a las Expresiones de función. Este vínculo(en inglés) tiene información muy detallada al respecto.

// código ilegal
(function() {
    'use strict';

     
     if (true) {
         // bloque de la instrucción if
         function b() {
             // esto funciona en algunos entornos pero de acuerdo al estándard 
             // no es código legal
             // lo recomendado es que uses una expresión de función en casos como este
         }
         b();
     }     

} ());

// aceptado por el estándard
(function() {
    'use strict';

     function b() {
       // ahora la función se encuentra declarada en el bloque de la función 
       // o bloque de nivel superior
     }  
   
     if (true) { 
         b();
     }     

} ());

El código anterior no genera errores en algunos entornos pero la razón de esto es por extensiones que le hacen los navegadores al estandard ECMA-262, que especifica que las declaraciones de funciones no se pueden usar en todas partes, restricción que no aplica a las Expresiones de función. Este vínculo(en inglés) tiene información sobre los motivos por los que el estándard hace semejante afirmación.

UPDATE2

El último caso donde se ven las diferencias es que en Ecmascript 6 ya existe el ámbito de bloque lo que cambia completamente la semántica de una declaracion de función si esta se encuentra dentro de un bloque de código como el ejemplo anterior. Según el estandard esto debería ocurrir:

if (true) {
   function Ejemplo1() {}

   function Ejemplo2() {}

   Ejemplo1();
}
Ejemplo2() // Reference error Ejemplo2 is not defined

Esto es algo que aún se encuentra en proceso de implementación pero lo recomendado es que no escribas código que pueda ser considerado ilegal para que lo que escribas pueda sobrevivir mejor a los cambios futuros que pueda experimentar el lenguaje por eso es importante que conozcas las diferencias entre las dos estructuras.

Tu pregunta se puede resumirse en que son completamente diferentes desde el punto de vista del lenguaje (incluso en el spec se encuentran divididas http://es5.github.io/#x12.4 y http://es5.github.io/#x13) teniendo como similitud que ambas pueden usarse para declarar funciones.

se añadieron 1915 caracteres en el cuerpo
Origen Enlace
devconcept
  • 12.8k
  • 3
  • 42
  • 57
Loading
add link hoisting
Origen Enlace
Angel Angel
  • 10.1k
  • 9
  • 44
  • 69
Loading
Origen Enlace
devconcept
  • 12.8k
  • 3
  • 42
  • 57
Loading