목차
생각없이 개발을 하다보면 지역변수를 선언하지 않고 객체에 직접접근하여 사용하는 경우가 있다. 특히 반복문을 작성할 때 많이들 실수하는 부분인데 이런 부분은 작은 사이트일 때는 큰 변화가 없지만 큰 사이트일 수록 속도에 비약적으로 차이가 난다.
간단한 예제를 보자
div의 개수를 가져와서 반복문을 돌리는 간단한 예제이다.
위의 반복문은 직접접근, 아래의 반복문은 지역번수에 캐시해서 돌아간다.
개수가 작을 때는 크게 상관이 없겠지만 개수가 늘어나면 늘어날 수록 시간차이는 분명 존재한다.
대략 0.6초 가 차이나는데 브라우저가 느린환경이라면 더 느릴수도 있다는 이야기이다.
