알아야 할 10가지 최고의 JavaScript 개발 사례 요약_기본 지식

많은 개발자가 JavaScript를 기꺼이 칭찬하지만 일부 개발자는 여전히 JavaScript의 어두운 면을 보고 있습니다.

JavaScript 코드를 많이 사용하는 웹페이지는 매우 느리게 로드됩니다. JavaScript를 과도하게 사용하면 웹페이지가 보기 흉하고 느려집니다. JavaScript를 효과적으로 사용하는 방법은 빠르게 뜨거운 주제가 되었습니다.

자바스크립트를 효과적으로 사용하는 데 도움이 되는 10가지 최고의 자바스크립트 사례를 소개합니다.

1. 코드를 최대한 단순하게 유지하세요
아마도 누구나 이 코드 단순성 문제를 여러 번 들어보셨을 것입니다. 개발자로서 코드 개발 과정에서 여러 번 사용해 봤을 수도 있지만 JavaScript 개발에서는 이 점을 절대 잊지 마세요.

코드를 읽기 쉽게 유지하려면 개발 모드에서 주석과 공백을 추가하세요
프로덕션 환경에 게시하기 전에 공백과 주석을 삭제하고 변수 및 메서드 이름을 축약해 보세요
타사 사용 JavaScript를 압축하는 데 도움이 되는 도구입니다.
2. 프로토타입을 수정하기 전에 생각하세요
객체 프로토타입에 새 속성을 추가하는 것은 스크립트 오류의 일반적인 원인입니다.

코드 복사 코드는 다음과 같습니다.

yourObject.prototype.anotherFunction = 'Hello' ;
yourObject.prototype.anotherMethod = function () { … };

위 코드에서는 모든 변수가 "yourObject"에서 상속되므로 영향을 받습니다. 이러한 사용은 예상치 못한 동작을 초래할 수 있습니다. 따라서 유사한 수정사항은 사용 후 삭제하는 것이 좋습니다.

코드 복사 코드는 다음과 같습니다.

yourObject.prototype.anotherFunction = 'Hello' ;
yourObject.prototype.anotherMethod = function () { … };
test.anotherMethod();
delete yourObject.prototype.anotherFunction = 'Hello'; function () { … };

3. Javascript 코드 디버그 최고의 개발자도 실수를 합니다. 유사한 오류를 최소화하려면 디버거에서 코드를 실행하고 미묘한 오류가 발생하지 않는지 확인하세요.


4. Eval을 피하세요
JS는 "평가" 방법. "eval"을 사용하면 자바스크립트 컴파일러에 액세스할 수 있습니다. 문자열이 "eval"에 인수로 전달되면 해당 결과가 실행될 수 있습니다.
이렇게 하면 코드 성능이 크게 저하됩니다. 프로덕션 환경에서는 "eval"을 사용하지 마십시오.


5. DOM 액세스 최소화 DOM은 가장 복잡한 API이므로 코드 실행 속도가 느려집니다. 때때로 웹페이지가 로드되지 않거나 불완전하게 로드될 수 있습니다. DOM을 피하는 것이 가장 좋습니다.


6. 자바스크립트 라이브러리를 사용하기 전에 자바스크립트를 배워보세요
인터넷에는 수많은 자바스크립트 라이브러리가 넘쳐나고, 많은 프로그래머들은 부작용을 이해하지 못한 채 js 라이브러리를 사용하는 경향이 있습니다. 타사 라이브러리를 사용하기 전에 기본 JS 코드를 배우는 것이 좋습니다. 그렇지 않으면 운이 좋지 않을 것입니다.

7. "Eval" 대신 "SetTimeOut" 및 "Setinterval" 메서드를 사용하지 마세요. setTimeOut( "document.getID('value')", 3000) ;
위 코드에서 document.getID('value')는 "setTimeOut" 메서드에서 문자열로 처리됩니다. 이는 코드를 실행할 때마다 문자열을 실행하여 성능을 저하시키는 'eval' 메서드와 유사하므로 이러한 메서드에 메서드를 전달하는 것이 좋습니다.

setTimeOut(yourFunction, 3000);

8. []가 "new Array();"보다 낫습니다. 일반적인 실수는 배열이 필요할 때 사용하는 것입니다. 객체를 사용할 때는 객체를 사용할 때 배열을 사용하십시오. 하지만 사용 원칙은 간단합니다.

"속성 이름이 작은 연속 정수인 경우 배열을 사용해야 합니다. 그렇지 않으면 객체를 사용하세요." - Douglas Crockford, JavaScript: Good Parts

제안:
var a = ['1A','2B'];
피하십시오:

var a = new Array()
a[0] = "1A" ;
a[1] = "2B";

9. var를 여러 번 사용하지 마세요 각 변수를 초기화할 때 프로그래머는 "var" 키워드를 사용하는 데 익숙합니다. 대신, 중복 키워드를 피하고 코드 크기를 줄이기 위해 쉼표를 사용하는 것이 좋습니다. 다음과 같습니다:

var VariableOne = 'string 1',
variableTwo = 'string 2',
variableThree = 'string 3'

10. 세미콜론"; "
이것은 사람들이 디버깅에 많은 시간을 소비하는 이유 중 하나입니다.
위 관련 내용은 다른 글에서도 읽어보셨을 텐데요. 하지만 대부분의 사람들은 많은 기본 규칙을 무시하는 경우가 많습니다. 세미콜론을 간과한 적이 있나요? 성능 문제를 일으키는 eval 키워드 문제를 겪은 적이 있습니까? 모두 마음에 들었으면 좋겠습니다. 감사합니다!