javascript #성능 최적화하기

1. 변수 초기화 위치 통일

let a = 'h'; function abc () {     let b = 'i';     console.log(a + b); }

let a='h', b='i'; function abc () {     console.log(a + b); }

 

2. 불필요하게 상위 스코프에 존재하는 변수를 가까운 로컬 변수로 이동

let outer = 0; (function () {     for(let i=0; i<10000; ++i) {         outer += i;     } }());

(function () {     let inner = 0;     for(let i=0; i<10000; ++i) {         inner += i;     } }());

 

3. 변수의 속성의 속성을 여러번 접근하는 경우 최적화

divMouseover.onmouseout = function () {     let divMouseoverStyle = divMouseover;     divMouseoverStyle.style.backgroundColor = "#FFFFFF";     divMouseoverStyle.style.color= "black";     divMouseoverStyle.style.fontSize= "10px"; };

divMouseover.onmouseout = function () {     let divMouseoverStyle = divMouseover.style;     divMouseoverStyle.backgroundColor = "#FFFFFF";     divMouseoverStyle.color= "black";     divMouseoverStyle.fontSize= "10px"; };

변수 속성의 속성을 재귀로 조회하는 것을 

 

 

참고도서 : 속깊은 자바스크립트