JavaScript에서 식별자의 위치가 더 깊을수록 느리게 읽히고 씁니다. 따라서 함수에서 로컬 변수를 읽고 쓰는 것은 항상 가장 빠르며 글로벌 변수를 읽고 쓰는 것이 일반적으로 가장 느립니다. 좋은 규칙은 다음과 같습니다. 함수 값이 함수에서 두 번 이상 참조되면 로컬 변수에 저장하십시오.
예를 들어:
코드 사본은 다음과 같습니다.
<!-최적화 전->
<script type = "text/javaScript">
함수 initUi () {
var bd = document.body,
links = document.getElementByTagName ( "A"),
i = 0,
len = links.length;
while (i <len) {
업데이트 (링크 [i ++]);
}
document.getElementById ( "go-btn"). onclick = function () {
시작();
}
bd.classname = "Active";
}
</스크립트>
이 기능은 문서를 세 번 말하며 문서는 전역 객체입니다. 이 변수를 검색하는 프로세스는 전체 범위 링크가 글로벌 변수 객체에서 마지막으로 발견 될 때까지 전체 스코프 링크를 가로지 않아야합니다. 로컬 변수에 글로벌 변수에 대한 참조를 저장 한 다음 글로벌 변수 대신이 로컬 변수를 사용할 수있어 성능 영향을 줄일 수 있습니다.
예를 들어:
코드 사본은 다음과 같습니다.
<!-최적화 후->
<script type = "text/javaScript">
함수 initUi () {
var doc = 문서,
BD = Doc.Body,
links = doc.getElementByTagName ( "a"),
i = 0,
len = links.length;
while (i <len) {
업데이트 (링크 [i ++]);
}
doc.getElementById ( "go-btn"). onclick = function () {
시작();
}
bd.classname = "Active";
}
</스크립트>