IE (인터넷 익스플로러, 엣지 브라우저) 와 렌더링 속도 및 호환성을 기반으로 하는 자바스크립트 (javascript) 코딩 방법

 · 공개글 · 49 읽음



1. 배열은 [] 형식으로 생성한다. (new Array() 사용하지 않는다.)
2. 배열 접근할 때 push 메서드 보다는 [] 로 직접 접근한다. (obj[0] = 1; obj[1] = 2; ....)
3. 오브젝트는 {} 로 생성한다. (var obj = { }; )
4. 루프문 접근전에 모든 개체나 프로퍼티 등은 전부 변수화 하여 사용한다.

ex)
var cnt = document.querySelectorAll("img").length;
  var i = 0;
  for (i = 0; i < cnt; i ) {
    ...
  }


5. 문자열에서 더하고 더하는 행위 보다는 Array에 담았다가 join 으로 묶는 쪽으로 방향을 잡는다.
6. 정규표현식은 2개이상의 조건을 탐색하는 것 보다 분리해서 탐색하도록 한다.
7. DOM 개체 접근 전에 미리 DOM 전체 목록을 캐싱하는 전역변수를 두어 사용한다.
8. 특정 시점 이후에 사용할 경우에는 setTimeout 으로 사용한다. clearTimeout 은 setTimeout 이후 코드에 사용한다.

 
 
 
 
 
 
 

관련글