JavaScript의 성능을 약간 개선해 보세요!
이 문서에는 코딩 프로세스를 더 쉽고 효율적으로 만들기 위한 24가지 제안 사항이 나열되어 있습니다. 어쩌면 당신은 아직 JavaScript 초보자이고 자신만의 Hello World 작성을 마쳤을 수도 있습니다. 여기에는 귀하의 작업에 매우 유용한 많은 팁이 있을 수 있습니다. 아마도 당신은 이미 일부 팁을 알고 있을 것입니다. 찾아보세요. 새로운 것!
참고: 이 문서에서는 Firebug의 콘솔 개체를 여러 번 사용합니다. Firebug Console API 를 참조하세요. Firebug에 대한 자세한 소개를 보려면 여기를 클릭하세요 .
1. == 대신 ===를 사용하십시오. JavaScript에는 두 가지 등식 연산자가 있습니다: ===|!== 및 ==|!=. 이에 비해 전자가 더 추천할만한 가치가 있습니다. 전자를 사용해 보시기 바랍니다.
"두 비교 개체의 유형과 값이 동일한 경우 ===는 true를 반환하고 !==는 false를 반환합니다."
– 자바스크립트: 좋은 부분
그러나 == 및 !=를 사용하면 다른 데이터 유형을 조작할 때 예상치 못한 문제가 발생할 수 있습니다. JavaScript는 동등성 판단을 내리기 전에 이를 문자열, 숫자 또는 부울 수량으로 변환하려고 시도합니다.
2. Eval 함수 사용을 피하세요
Eval 함수는 문자열을 매개변수로 사용하고, 문자열을 JavaScript 문으로 실행하고, 결과(참조)를 반환합니다.
이 기능은 스크립트의 실행 효율성을 감소시킬 뿐만 아니라, 텍스트인 매개변수에 너무 많은 권한을 부여하기 때문에 보안 위험을 크게 증가시킵니다. 사용하지 마세요!
3. 빠른 글쓰기를 사용하지 마십시오
기술적으로 대부분의 중괄호와 후행 세미콜론을 생략할 수 있으며 대부분의 브라우저는 다음 명령문을 올바르게 실행합니다.
.if(someVariableExists)
x = 거짓
그러나 다음과 같은 경우에는 어떻게 될까요?
.if(someVariableExists)
x = 거짓
anotherFunctionCall();
다음 명령문과 동일하다고 생각할 수 있습니다.
if(someVariableExists) {
x = 거짓;
anotherFunctionCall();
}
불행하게도 그렇지 않습니다. 현실은 다음과 같습니다.
보시다시피, 멋진 들여쓰기가 멋진 중괄호를 대신할 수는 없습니다. 모든 경우에 명확한 중괄호와 마지막 세미콜론을 작성하세요. 한 줄만 있는 경우 가끔 생략할 수 있지만 이는 권장되지 않습니다.
if(2 + 2 === 4) return '잘 끝났습니다';
미래에 대해 더 생각해 보세요. 향후 개발 프로세스에서 이 if 문에 더 많은 명령을 추가해야 한다고 가정해 보겠습니다. 그러면 괄호를 추가해야 하지 않나요?
if(someVariableExists) {
x = 거짓;
}
anotherFunctionCall();