optimización js

Autor：Eve Cole Fecha de actualización：2010-06-18 17:14:36

Estas son algunas de mis experiencias al escribir código. Las resumí y las compartí con ustedes. No hay ningún orden. Simplemente las escribí como las pensé.

1. Utilice variables locales para evitar el uso de variables globales.
Por ejemplo

Cambiar a

La ventaja de las variables locales es que reduce la búsqueda en cadena de alcance. Recomiendo usar variables locales si hay dos referencias.

2. Evite usarlo con (supongo que todo el mundo lo sabe)

Entiendo que la razón es que with creará su propio alcance, lo que alargará la cadena de alcance original, lo que hará que el código ejecutado en el bloque with sea más lento. Parece guardar el código en la escritura, pero de hecho, se vuelve más largo en el acceso. se vuelve engorroso y el rendimiento se degrada. Ejemplo.
usar con

De hecho, se puede escribir como

3. Cómo atravesar la lista de nodos

El método general es

(Nota: este método se puede usar en la lista de nodos, pero si lo usa en una matriz, habrá problemas. Si hay un 0 o un valor nulo en la matriz, será ciego)

var as = document.getElementsByTagName('div');
for(var i=0,l<as.length;i<l;i++){//Calcular la longitud solo una vez}
Ni una sola vez a mi manera
for(var i=0,ci;ci=as[i++];){}Cuando se complete nodeList, será falso y finalizará.
La ventaja es que no es necesario calcular la longitud, no es necesario asignar valores en el bucle, el código es aún menor y se usa i ++ para juzgar.

prueba de función(){
var ds = documento.cuerpo;
ds.clientHeight = '200px';
ds.clientWidth = '200px'
}

prueba de función(){
con(documento.cuerpo){
altura del cliente = '200px';
ancho del cliente = '200px'
}
}

prueba de función(){
var d = documento;
s = d.getElementById('aaa');
s.innerHTML = d.body.clientHeight;
}

prueba de función(){
var s = document.getElementById('aaa');
s.innerHTML = documento.body.clientHeight;
}