js-оптимизация

Автор：Eve Cole Время обновления：2010-06-18 17:14:36

Это некоторые из моих опытов написания кода. Я обобщил их и поделился ими с вами. Я просто написал их так, как думал.

1. Используйте локальные переменные, чтобы избежать использования глобальных переменных.
например

Изменить на

Преимущество локальных переменных в том, что они сокращают объем поиска по цепочке. Я рекомендую использовать локальные переменные, если есть две ссылки.

2. Избегайте использования with (думаю, все это знают)

Я понимаю, что причина в том, что with создаст свою собственную область видимости, что удлинит исходную цепочку областей видимости, замедляя выполнение кода в блоке with. Кажется, это экономит код при написании, но на самом деле он становится длиннее в доступе. становится громоздким и снижается производительность.
использовать с

Фактически, это можно записать как

3. Как перемещаться по нодлисту

Общий метод

(Примечание: этот метод можно использовать в списке узлов, но если вы используете его в массиве, возникнут проблемы. Если в массиве есть 0 или ноль, он будет слепым)

var as = document.getElementsByTagName('div');
for(var i=0,l<as.length;i<l;i++){//Рассчитывать длину только один раз}
Ни разу по-моему
for(var i=0,ci;ci=as[i++];){}Когда nodeList будет завершен, он будет ложным и завершится.
Преимущество в том, что нет необходимости вычислять длину, не нужно присваивать значения в цикле, кода еще меньше, а в решении используется i++.

функциональный тест(){
вар ds = document.body;
ds.clientHeight = '200px';
ds.clientWidth = '200 пикселей'
}

функциональный тест(){
с(document.body){
clientHeight = '200px';
clientWidth = '200px'
}
}

функциональный тест(){
вар д = документ;
s = d.getElementById('aaa');
s.innerHTML = d.body.clientHeight;
}

функциональный тест(){
var s = document.getElementById('aaa');
s.innerHTML = document.body.clientHeight;
}