Costo de la llamada a una función o no en Javascript

Question

Compare:

if (myVariable) { 
    doSomething() 
} 

function doSomething() 
{ 
    // Work goes here 
} 

vs

doSomething(); 

function doSomething() 
{ 
    if (myVariable) { 
     // Work goes here 
    } 
} 

es decir, Mi pregunta es si es más rápido para hacer el registro de entrada fuera de la función y evitar un cambio de contexto (Creo que ese es el término correcto)) o simplemente hacerlo dentro de la función porque hace una diferencia tan pequeña?

aplausos.

Answer 1

It Just Doesn't Matter (aunque el primer método evita algo de trabajo por lo que debe más rápido, pero en una cantidad que es probablemente menor que el ruido estadístico).

Lo que realmente importa es el método que mejor representa la lógica. La regla de oro es que cada enunciado de una función debe tener aproximadamente el mismo nivel de abstracción. ¿Es la expresión condicional más o menos abstracta que la llamada a la función?

Answer 2

Me parece que el segundo método hace que el código sea más fácil de mantener y fácil de leer. Esto implica muy poca sobrecarga.

Answer 3

Sería más rápido hacerlo fuera porque, al hacer una llamada a la función cada vez será ligeramente más lento que comprobar primero y luego llamar a la función.

¿Pero por qué molestarse? Nadie va a notar una llamada de función frente a lo que está haciendo realmente la llamada de función. Los selectores de DOM ineficaces que hacen que su código tenga que cazar y picotear a través de una estructura de árbol enorme para unas pocas agujas en el pajar constituyen una amenaza mucho mayor para el rendimiento.

Answer 4

Es insignificante; las diferencias en el rendimiento son minúsculos, y los navegadores parecen manejar esto de manera diferente:

Editar: En efecto, existe una diferencia en el rendimiento: la mayoría de los navegadores ejecutan Método 1 un poco más rápido.

//Method 1: 

var t1 = Date.now(); 

myVariable = true; 

for(var i = 0; i < 20000000; i++) { 



    function doSomething() 
    { 
     Math.sin(Math.cos(0)); 
    } 

    if (myVariable) { 
     doSomething() 
    } 

    myVariable = !myVariable; 
} 

console.log(Date.now() - t1); 







//Method 2: 

var t1 = Date.now(); 

myVariable = true; 

for(var i = 0; i < 20000000; i++) { 

    function doSomething() 
    { 
     if (myVariable) { 
      Math.sin(Math.cos(0)); 
     } 
    } 


    doSomething(); 

    myVariable = !myVariable; 

} 

console.log(Date.now() - t1); 





//Results: 
//Safari: About the same, former was slightly quicker 
//Firefox: Former was quicker 
//Chrome: About the same, latter was somewhat quicker 
//Opera: Executed the former quicker