JavaScript 문제 해결 팁 - 인형

모든 자바 스크립트 프로그래머는 초보자와 전문가 모두 작동해야하는 것처럼 보이는 프로그램을 작성할 때가 있습니다. 컴퓨터는 항상 올바르게 코딩 된 프로그램을 실행하므로 코드에서 오류를 어떻게 찾을 수 있습니까? 찾고있는 곳은 어디입니까? 어떻게 추적합니까? 자바 스크립트 프로그램이 실행되지 않을 때 알아야 할 사항에 대한 몇 가지 팁이 있습니다.

콘솔 확인

Google의 Chrome 브라우저에있는 자바 스크립트 콘솔은 오류가 무엇인지 정확하게 알려주지는 않더라도 오류가 있는지 알려줍니다.

자바 스크립트 콘솔을 열려면 Chrome 메뉴에서 기타 도구 → 자바 스크립트 콘솔을 선택하십시오.

프로그램 실행 후 콘솔에 오류가 표시되면 종종 회선 번호와 링크가 포함됩니다. 이 링크를 클릭하면 Chrome에서 프로그램에서 문제가 있다고 판단되는 자바 스크립트의 지점을 엽니 다.

오류를 즉시 발견하지 못하면 (종종 그렇습니다) 다음 팁으로 이동하십시오.

맞춤법 오류 찾기

JavaScript는 까다 롭습니다. 변수 이름과 JavaScript 키워드의 대문자 사용은 모든 차이를 만듭니다. getElementById와 같은 일부 JavaScript 함수 이름은 프로그래머가 오류를 악용 한 결과로 악명 높은 오류 원인입니다.

각 변수 이름과 함수 이름을주의 깊게보십시오. JavaScript 코드 힌트와 코드 색상 표시가 포함 된 코드 편집기는 맞춤법이 틀린 단어를 찾을 때 매우 유용한 도구가 될 수 있습니다. 일부 코드 편집기는 철자가 틀린 이름을 다르게 색칠하는 동안 올바르게 입력 된 함수 이름에 특별한 색을 적용합니다.

->

대괄호 확인

대괄호가 맞지 않거나 괄호가 일치하지 않는 것이 오류의 일반적인 원인입니다. 열려있는 괄호, 대괄호 또는 중괄호 ({)에 일치하는 닫는 대괄호 (})가 있는지 확인하십시오.

따옴표 맞추기

JavaScript는 문자열의 소문자로 큰 따옴표와 큰 따옴표를 모두 인식합니다. 그러나 작은 따옴표로 문자열을 시작하면 작은 따옴표로 끝나야합니다. 큰 따옴표도 마찬가지입니다.

콘솔을 사용하십시오. log ()

콘솔. log () 함수는 프로그램이 잘못되는 위치를 알아내는 데 유용한 도구입니다. 콘솔을 삽입하십시오. 디버깅하는 동안 코드 전체에 log () 문을 사용하여 중요한 변수의 값을 인쇄하십시오. 예를 들어 프로그램에 루프가있는 경우 콘솔을 넣어 루프가 올바르게 실행되고 있는지 확인할 수 있습니다. (var i = 0; i <10; i ++) {console}과 같이

와 같이 log () 문을 사용합니다.log ("i 값은:"+ i);}

이 문은 브라우저 창에서 일어나는 일을 변경하지 않지만 자바 스크립트 콘솔을 보면 로그 항목이 표시됩니다. 루프가 제대로 작동하고 있습니다.

휴식하기

때로는 프로그램을 디버그하는 가장 좋은 방법은 멀리 떨어져서 휴식하는 것입니다. 한 잔의 물을 마시고 낮잠을 자거나 책을 읽거나 아무것도하지 않고 프로그램을 응시하고 머리카락을 뽑습니다. 프로그램에 다시 돌아 오면 당신은 상쾌하게 될 것입니다! 그리고 그 문제에 대한 해답이 분명히 드러납니다!