costo di chiamare una funzione o non in Javascript

Question

Confronta:

if (myVariable) { 
    doSomething() 
} 

function doSomething() 
{ 
    // Work goes here 
} 

vs

doSomething(); 

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

cioè mia domanda è se è più veloce per fare la verifica al di fuori della funzione e di evitare un cambio di contesto (Penso che sia il termine giusto) o lo fai semplicemente all'interno della funzione perché fa una differenza così piccola?

Cheers.

Answer 1

It Just Doesn't Matter (anche se il primo metodo evita alcuni lavoro così dovrebbe veloce, ma di una quantità che è probabilmente meno rumore statistico).

Ciò che conta davvero è quale metodo rappresenti la logica. La regola generale è che ogni affermazione in una funzione dovrebbe essere sullo stesso livello di astrazione. L'espressione condizionale è più o meno astratta della chiamata di funzione?

Answer 2

Trovo che il secondo metodo renda il codice più manutenibile e leggibile. Ciò comporta pochissimo overhead.

Answer 3

Sarebbe più veloce farlo all'esterno perché effettuare una chiamata di funzione ogni volta sarà leggermente più lento del primo controllo e quindi della chiamata della funzione.

Ma perché preoccuparsi? Nessuno noterà una chiamata di funzione rispetto a ciò che sta effettivamente facendo la chiamata di funzione. I selettori DOM inefficienti che fanno sì che il tuo codice debba cacciare e beccare attraverso un'enorme struttura ad albero per alcuni aghi nel pagliaio rappresentano una minaccia molto più grande per le prestazioni.

Answer 4

È trascurabile; le differenze nelle prestazioni sono minime e i browser sembrano gestirlo in modo diverso:

Modifica: Esiste davvero una differenza nelle prestazioni: la maggior parte dei browser esegue il Metodo 1 leggermente più veloce.

//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