JavaScript 코드 디버그 - 21일, 총 100일

이 문장은 이 시리즈의 일부분이다.

맞춤법 오류의 변수와 함수 이름 포착:

디버그를 할 때, 우리는 자주 브라우저 컨트롤러에서 하나를 볼 수 있다. reference error이게 무슨 뜻이죠?브라우저에서 존재하지 않는 객체를 찾고 있습니다.우리가 빠른 타자를 칠 때 인위적으로 실수를 하기 때문이다.변수나 함수 이름에서 문자를 빠뜨려서 대문자 오류를 범하거나 변수나 함수 이름만 잘못 맞출 수 있습니다.JavaScript의 변수와 함수 이름은 대소문자를 구분합니다.따라서 let name = "Arif"; 라는 변수에 console.log("My name is " + Name) 형식으로 접근하려고 하면 인용 오류가 발생합니다. 대문자 오류에 주의하십시오.

ReferenceError: Name is not defined

닫히지 않은 괄호, 괄호, 중괄호 및 따옴표 캡처:

또 다른 흔히 볼 수 있는 문법 오류는 괄호, 네모난 괄호, 큰 괄호, 또는 다른 쌍의 끝을 잊어버릴 때 발생한다.이 오류를 피하는 가장 좋은 방법은 쌍을 시작한 후에 끝 쌍을 작성한 다음 커서를 뒤로 이동하고 코드를 작성하는 것입니다.이 문장let myArray = [1, 2, 3;에 없는 끝 괄호는 다음과 같은 오류를 발생합니다.

SyntaxError: unknown: Unexpected token, expected "," (1:22)

다행히도, 오늘날 대부분의 현대 편집기는 자동으로 당신에게 끝을 만들어 줍니다.

작은 따옴표와 큰 따옴표의 혼합을 포착한다:

JavaScript에서는 단일 따옴표'와 이중 따옴표" 두 종류의 따옴표를 사용하여 문자열을 선언할 수 있습니다.만약 문자열에 이 두 개의 인용부호를 동시에 사용하고 문자열을 너무 일찍 닫으면 흔히 볼 수 있는 문법 오류가 발생할 것이다.문자열에 인용부호에 묶인 하위 문자열이 있거나, 문자열에 줄임말이 있을 때, 예를 들어 내가 왔을 때, 보통 혼합 인용부호를 사용합니다.
예:

let innerHtml = "<p>Click here to <a href="#Home">return home</a></p>";

위의 문자열은 더블 인덱스 문자열에 더블 인덱스를 사용할 수 없기 때문에 문법 오류가 발생할 것입니다.내부 따옴표는 백슬래시\로 이스케이프하거나 내부 따옴표'로 대체해야 합니다.

같은 연산자가 아닌 부수 연산자를 포획하는 용법:

같은 연산자= 또는 == 대신 조건부 연산자===를 잘못 사용하면 논리적 오류가 발생합니다.프로그램의 출력이 잘못된 방향으로 흐르기 때문에 의외일 것입니다.그러니 이 부호들을 조심해라.

포착 함수 호출 후 부족한 개괄호와 폐괄호:

함수를 호출할 때, 시작과 끝의 괄호를 잊지 마세요.때때로, 함수의 반환 값을 변수에 저장하기를 원할 수도 있습니다.함수의 반환 값을 변수에 부여할 때 시작과 끝 괄호를 놓치면 함수 자체는 반환 값이 아니라 변수에 저장됩니다.
예:

function getName() {
  return "John Doe";
}

let result = getName; // note the missing opening and closing parenthesis here
console.log(result); // [Function: getName]

함수를 호출할 때 오류 순서로 전달되는 매개 변수를 포획한다:

함수를 호출할 때, 함수 정의에 따라 원하는 순서에 따라 파라미터를 제공하십시오.예를 들어 함수에 두 개의 인자가 필요하면 첫 번째는 수조이고 두 번째는 정수입니다. 이 순서대로 이 인자를 제공해 주십시오. 그렇지 않으면 실행 중 오류나 논리 오류가 발생할 것입니다.매개 변수가 같은 유형이든 다른 유형이든 정확한 순서로 제공합니다.

색인을 사용할 때 잇따른 오류:

JavaScript의 문자열 및 배열 색인은 0가 아닌 1에서 시작합니다.마지막 원소의 인덱스는 항상 원소의 길이보다 작다.따라서, 수조나 문자열 요소의 인덱스를 사용하여 접근할 때 조심해야 한다.인덱스는 범위 내에 있어야 합니다.

순환 내에 변수를 다시 초기화할 때 조심해야 한다:

때때로 순환 중에 변수를 다시 초기화하거나 초기화해야 하는데, 이렇게 하는 것을 잊어버렸습니다.이것은 무한 순환과 같은 오류를 초래할 수 있다.프로그램의 오류 동작을 출력하려면 console.log() 를 사용하십시오.

유효한 단말기 조건을 사용하여 무한 순환을 방지한다:

정지 조건은 최종적으로 순환을 중지하는 조건이다.순환은 좋지만, 터미널 조건이 없거나, 만족하지 못한 조건으로만 설정하면, 무한 순환에 빠지고, 브라우저를 붕괴시킬 수 있다.그래서 순환을 사용할 때 이 점을 주의해야 한다.
FreeCodeCamp에서 JavaScript 과정의 디버그 모듈을 완료했습니다.