AngularJS digest postDigestQueue

Question

Una delle nostre pagine è molto pesante. Per ridurre il conteggio degli osservatori e per accelerare il ciclo di digitazione angolare, stiamo utilizzando molto la sintassi On-Time-binding ::. Stiamo anche utilizzando angular-bind-notifier per evitare gli orologi superflui sulle nostre espressioni in questa pagina.

Questa strategia ci ha permesso di ridurre considerevolmente il ciclo di digestione angolare.

Ma questa strategia ha lato uno giù: Esso utilizza il $$postDigest (postDigestQueue) per unwatch l'espressione dopo che è stato valutato con successo.

E allora?

Alla fine del digest, l'angolare passerà attraverso lo postDigestQueue. Poiché abbiamo utilizzato molte espressioni in tempo vincolante, il nostro postDigestQueue può crescere fino a oltre 100.000 attività in coda.

Il problema è che angolare utilizza il following code loop tramite la coda:

while (postDigestQueue.length) { 
    try { 
    postDigestQueue.shift()(); 
    } catch (e) { 
    $exceptionHandler(e); 
    } 
} 

Il metodo di spostamento rimuove l'elemento all'indice zeroeth e sposta i valori in indici consecutivi scorrimento, quindi restituisce la rimosso il valore .

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/shift

Sì, Array.prototype.shift() è una chiamata molto costoso quando c'è un sacco di elementi dell'array.

A causa di ciò, il nostro ciclo di digest richiederà talvolta più di 20 secondi.

Quando cambiamo il codice precedente con il seguente, è il modo più veloce:

for (var i = 0; i < postDigestQueue.length; i++) { 
    try { 
    postDigestQueue[i](); 
    } catch (e) { 
    $exceptionHandler(e); 
    } 
} 
postDigestQueue.length = 0; 

C'è una ragione per cui lo hanno fatto? Non dovremmo usare così tanto l'unica volta vincolante?

Potrei vedere un motivo: se un'attività si aggiunge un'attività necessaria in coda. È possibile? ($$postDigest è una coda privata) Una risposta sarebbe utilizzare pop anziché shift se l'ordine di esecuzione non è importante, ma è vero?

Edit: L'ordine sembra importante perché il postDigestQueue viene utilizzato con le animazioni.

Se qualcuno è interessato a possibili follow up ufficiali, I opened an issue on the issue tracker.

Answer 1

squadra angolare fuse un miglioramento perf che sarà nella prossima 1.5.x release: https://github.com/angular/angular.js/commit/cb2f8c0d75bde9ac91f4129e871ff4a8301871f3

che accelererà i cicli di digest soprattutto quando si utilizza un sacco $$postDigest come angolare-bind-notifier fa.