Discussion :

[astec37]

Bonjour tout le monde,

J'ai une application entierement en ajax. Après le chargement initial, toute nouvelle page est chargée en ajax, puis injectée dans l'html existant.

Je me demande comment se comportent les navigateurs vis à vis du javascript contenu dans le html que j'injecte à la page.
Est-ce que le javascript est chargé en mémoire autant de fois que la page est chargée ? Si oui, est-ce que cela peut poser probleme ? (limitation mémoire, ralentissement du navigateur... ? )

Merci de vos réponses

[Bovino]

Salut.

J'ai une application entierement en ajax. Après le chargement initial, toute nouvelle page est chargée en ajax, puis injectée dans l'html existant.

C'est une mauvaise utilisation d'Ajax généralement non recommandée...

Je me demande comment se comportent les navigateurs vis à vis du javascript contenu dans le html que j'injecte à la page.
Est-ce que le javascript est chargé en mémoire autant de fois que la page est chargée ? Si oui, est-ce que cela peut poser probleme ? (limitation mémoire, ralentissement du navigateur... ? )

Logiquement, c'est plus simple que ça, il n'est tout bonnement pas interprété

[astec37]

Le javascript est evalué avant d'être injecté.
Des fonctions contenues dans la page chargée en ajax sont bien exécutées, preuve que le js est interpreté.

Pour le tout ajax, je sais que ce n'est pas l'idéal, mais dans mon cas c'est plus agréable à l'utilisation comme cela.

[Bovino]

Alors oui, il est chargé autant de fois que la page est chargée. La seule chose est que si tuas des noms de variables, objets, fonctions etc. identiques, chaque définition écrase la précédente (attention aussi aux risques importants de fuite de mémoire).

[astec37]

Effectivement, j'ai pu constater que les anciennes définitions étaient écrasées par les nouvelles.
Tu parles de risques important de fuite de mémoire, est-ce que tu peux détailler un petit peu stp, c'est justement sur ce point que je m'interroge.

Merci pour tes réponses.

[Bovino]

Tu parles de risques important de fuite de mémoire, est-ce que tu peux détailler un petit peu stp, c'est justement sur ce point que je m'interroge.

Bien sûr

Les fuites de mémoire sont dues à des références croisées dans des objets, des fonctions etc.
En gros, imagine un élément HTML (donc un objet JavaScript) en interne, cet élément possède un gestionnaire d'événement qui appelle une fonction. Logiquement, dès que l'objet disparait, la référence disparait aussi, le lien entre les deux étant coupé, le compilateur JavaScript fait le ménage. Cela s'appelle un garbage collector.
Le problème, c'est que quand la fonction fait elle-même référence à l'élément qui l'a appelée (ce qui bien évidemment arrive souvent), là le lien n'est coupé que si tu arrives à déterminer qu'il n'existe plus de référence ni à l'un ni à l'autre.
En général, les navigateurs arrivent bien à se débrouiller avec ces références croisée, mais IE en particulier a plus de mal, parce que contrairement aux autres, il utilise deux garbage collectors distincts pour le JavaScript natif et le DOM. Il a donc beaucoup de mal à délier les objets du DOM aux objets JavaScript natifs.
Donc, quand tu fais une navigation "full Ajax", tu es plus susceptibles de conserver des références à des objets n'existant plus (surtout si tu écrases en plus des objets exisatants) qu'en navigation "classique".

Ceci dit, il est aussi important de savoir que les fuites de mémoire générées sont persistantes d'une page à l'autre. En effet, les données (au sens JavaScript) d'une page sont perdues quand tu vas sur une autre page, mais le compilateur reste le même et conserve ses fuites de mémoire !

Bon, je suis pas sûr d'avoir été très clair, mais c'est un début d'explication.

[astec37]

Merci de cette réponse. J'avoue ne pas avoir tout compris en détails, mais j'ai bien saisi l'idée quand même

Est-ce que c'est possible en JS de supprimer une fonction de la mémoire, de la même maniere qu'on supprime un objet ou une variable ?

[Bovino]

Oui, il existe l'instruction delete en JavaScript mais elle n'est pas recommandée. Le mieux est d'affecter sa valeur à null ou undefined :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
function affiche(texte){
    alert(texte);
}
affiche = null;

[astec37]

Bien, merci pour toutes ces réponses !