유용하면서도 시각적으로 멋지고, 성능적으로도 좋은 자바스크립트 사용 예 While이 에 작성. 810번 읽힘.
자바스크립트에는 상당히 특이하고 유용한 문법들이 많이 있다.
보기 좋은 사용 예
3항 연산과 조건부 할당
var value; // 방법 1 if (n) value = n; else value = 1; // 방법 2 var value = n ? n : 1; // 방법 3 var value = n || 1;
조건부 함수 호출
// 방법1 if (callback) { callback(); } // 방법2 callback && callback();
속도가 빠른 예
산술(+)연산보다 배열 작성 후 결합
var result = 'a' + 'b' + 'c' + 'd'; var result = ['a', 'b', 'c', 'd'].join('');
배열의 크기에 따라 for 문을 돌릴 때
첫째의 예처럼 돌리면 매번 nodes.length 를 구해오게 된다.
// Instead of this... function nodeJam(){ nodes = document.getElementsByTagName('P'); for (var i = 0; i < nodes.length; i++) { nodes[i].innerHTML += 'test'; } } // This is much faster function nodeJam(){ nodes = document.getElementsByTagName('P'); for (var i = 0, len = nodes.length; i < len; i++) { nodes[i].innerHTML += 'test'; } }
섹시한 자바스크립트 코딩 컨벤션 (Firejune)의 일부를 발췌.

nodes.length 요 부분은 몰랐던 내용이군요 ㅎㅎ
좋은 정보 알아갑니다 ㅎㅎ
이 댓글에 댓글달기