optimisation js

Auteur：Eve Cole Date de mise à jour：2010-06-18 17:14:36

Voici quelques-unes de mes expériences lors de l'écriture de code. Je les ai résumées et partagées avec vous. Il n'y a pas d'ordre, je les ai simplement écrites au fur et à mesure que j'y pensais.

1. Utilisez des variables locales pour éviter d'utiliser des variables globales
Par exemple

Changer pour

L'avantage des variables locales est qu'elles réduisent la recherche de chaîne de portée. Je recommande d'utiliser des variables locales s'il y a deux références.

2. Évitez d'utiliser with (je suppose que tout le monde sur terre le sait)

Je comprends que la raison est que with créera sa propre portée, ce qui allonge la chaîne de portée d'origine, rendant le code exécuté dans le bloc with plus lent. Il semble enregistrer le code en écriture, mais en fait, son accès devient plus long. devient encombrant et les performances se dégradent.
utiliser avec

En fait, on peut écrire comme

3. Comment parcourir la liste de nœuds

La méthode générale est

(Remarque : cette méthode peut être utilisée dans nodelist, mais si vous l'utilisez dans un tableau, il y aura des problèmes. S'il y a un 0 ou un nul dans le tableau, il sera aveugle)

var as = document.getElementsByTagName('div');
for(var i=0,l<as.length;i<l;i++){//Ne calculer la longueur qu'une seule fois}
Pas une seule fois à ma façon
for(var i=0,ci;ci=as[i++];){}Lorsque nodeList sera terminé, il sera faux et se terminera.
L'avantage est qu'il n'est pas nécessaire de calculer la longueur, pas besoin d'attribuer des valeurs dans la boucle, le code est encore moins important et i++ est utilisé dans le jugement.

fonction test(){
var ds = document.body;
ds.clientHeight = '200px';
ds.clientWidth = '200px'
}

fonction test(){
avec(document.body){
clientHauteur = '200px';
largeur client = '200px'
}
}

fonction test(){
var d = document ;
s = d.getElementById('aaa');
s.innerHTML = d.body.clientHeight;
}

fonction test(){
var s = document.getElementById('aaa');
s.innerHTML = document.body.clientHeight;
}