프로그래밍 코드를 작성할 때 개발자마다 의견이 다릅니다. 하지만 항상 참고하는 것이 좋습니다. 여기에 Sofish가 번역한 Javascript Toolbox 의 14가지 최고의 JS 코드 작성 팁이 있습니다( 1 , 2 ).
1. 항상 'var'를 사용하세요
JavaScript에서 변수는 전역 범위 또는 함수 범위이며 "var" 키워드를 사용하는 것이 변수를 간결하고 명확하게 유지하는 열쇠입니다. 전역 또는 함수 수준 변수를 선언할 때 항상 "var" 키워드를 앞에 추가하세요. 다음 예에서는 이를 수행하지 않을 때 발생할 수 있는 문제를 강조합니다.
Var를 사용하지 않아 발생하는 문제
var i=0; // 좋습니다. 전역 변수를 생성합니다.
함수 테스트() {
for (i=0; i<10; i++) {
Alert("안녕하세요!");
}
}
시험();
Alert(i); // 전역 변수 i는 이제 10입니다!
function 변수의 i 변수는 var를 사용하여 함수 수준 변수로 만들지 않기 때문에 이 예에서는 전역 변수를 참조합니다. 전역 변수를 선언할 때 항상 var를 사용하는 것이 일반적인 관행이지만, 함수 범위 변수를 정의하려면 var를 사용하는 것이 중요합니다. 다음 두 가지 방법은 기능적으로 동일합니다.
올바른 기능
함수 테스트() {
var i=0;
for (i=0; i<10; i++) {
Alert("안녕하세요!");
}
}
올바른 기능
함수 테스트() {
for (var i=0; i<10; i++) {
Alert("안녕하세요!");
}
}
2. 브라우저 감지가 아닌 기능 감지
일부 코드는 브라우저 버전을 검색하고 사용자가 사용 중인 클라이언트에 따라 다양한 작업을 수행하도록 작성되었습니다. 이는 일반적으로 매우 나쁜 습관입니다. 더 나은 접근 방식은 기능 감지를 사용하는 것입니다. 이전 브라우저에서 지원하지 않을 수 있는 고급 기능을 사용하기 전에 먼저 (브라우저에) 이 기능이나 기능이 있는지 확인한 후 사용하세요. 성능을 알고 있더라도 브라우저 버전만 감지하는 것이 좋습니다. http://www.jibbering.com/faq/faq_notes/not_browser_Detect.html 에서 이 문제를 다룬 심층 기사를 찾을 수 있습니다.
예:
if(document.getElementById) {
var 요소 = document.getElementById('MyId');
}
또 다른 {
Alert('귀하의 브라우저에는 이 스크립트를 실행하는 데 필요한 기능이 부족합니다!');
}
출처: 행복한 즐겨찾기