초보자가 JavaScript로 저지르는 흔한 실수

JavaScript는 매우 재미있는 언어이지만 현실을 직시하자면 막 시작하는 경우에는 약간 까다로울 수 있습니다. 아직 요령을 배우는 중인 사람으로서 저도 상당한 실수를 저질렀습니다! 그래서 저는 JavaScript를 사용하는 초보자들이 자주 범하는 5가지 일반적인 실수를 공유하려고 생각했습니다. 이를 피하는 데 도움이 되기를 바랍니다.

---

1. 변수 선언을 잊어버림

JavaScript에서 가장 먼저 배우게 될 것 중 하나는 var, let 또는 const를 사용하여 변수를 선언하는 방법입니다. 그러나 때로는 특히 코딩에 깊이 빠져 있을 때 변수를 올바르게 선언하는 것을 잊어버리기 쉽습니다. let 또는 const가 없으면 JavaScript는 자동으로 전역 변수를 생성하므로 예상치 못한 버그가 발생할 수 있습니다!

예

function myFunction() {
    x = 5; // Forgot to declare 'x'
}

팁: 항상 let 또는 const를 사용하여 변수를 선언하세요. 전혀 선언하지 않으면 추적하기 어려운 문제가 발생할 수 있습니다.

---

2. 이 키워드에 대한 오해

아, 신비롭네요. 처음 시작했을 때, 이제 알 수 있을 거라 생각했어요. 하지만 곧 이것을 어디에 사용하느냐에 따라 다르게 동작한다는 것을 깨달았습니다. 예를 들어, 함수 내부에서는 사용자가 생각하는 기능을 참조하지 않을 수도 있습니다!

예:

const myObject = {
    name: 'Max',
    greet: function() {
        console.log(this.name); // Works fine here
        function innerFunc() {
            console.log(this.name); // Oops! 'this' is now undefined or refers to something else
        }
        innerFunc();
    }
};
myObject.greet();

팁: 사용 시 주의하세요. 일반 함수 내에서 이는 개체를 참조하지 않을 수도 있습니다. 이 문제를 방지하려면 화살표 기능을 사용하는 것이 좋습니다. 자체 this가 없기 때문입니다.

---

3. === 대신 == 사용

이건 교활해요. JavaScript에서는 == 및 ===를 사용하여 값을 비교할 수 있지만 동일하지는 않습니다. == 연산자는 값의 유형을 확인하지 않으므로 이상한 결과가 발생할 수 있습니다.

예:

console.log(5 == '5');  // true
console.log(5 === '5'); // false

팁: 예상치 못한 유형 변환을 방지하려면 항상 ===를 사용하세요. 값과 유형을 모두 확인하므로 훨씬 안전합니다.

---

4. 비동기 코드를 이해하지 못함

JavaScript는 비동기식입니다. 즉, 프로그램의 다른 부분이 계속 실행되는 동안 일부 코드(예: API에서 데이터 가져오기)가 백그라운드에서 실행된다는 의미입니다. 초보자는 이러한 비동기 작업이 완료될 때까지 기다리지 않고 코드를 작성하여 오류가 발생하는 경우가 많습니다.

예:

let data = fetchData();
console.log(data); // This may print 'undefined' because fetchData() hasn't finished yet!

팁: 비동기 코드를 올바르게 처리하려면 async 및 wait를 사용하세요. 이렇게 하면 코드가 계속 진행하기 전에 결과를 기다리게 됩니다.

---

5. let, const, var를 혼동함

저는 초보자로서 let, const, var를 다 똑같은 줄 알고 혼동하는 경우가 많았습니다. 그러나 그들은 중요한 차이점을 가지고 있습니다! var에는 함수 범위가 있고, let과 const에는 블록 범위가 있습니다. const는
값이 변경되는 것을 원하지 않습니다.

예:

function myFunction() {
    x = 5; // Forgot to declare 'x'
}

팁: 대부분의 사용 사례에서는 let과 const를 사용하세요. 꼭 필요한 경우가 아니면 var를 사용하지 말고, 변수를 다시 할당할 수 없도록 하려면 const를 사용하세요.

---

최종 생각

특히 시작할 때 이러한 실수를 저지르기 쉽습니다. 하지만 연습을 많이 할수록 쉬워집니다. 이 게시물이 이러한 일반적인 함정을 피하는 데 도움이 되기를 바랍니다. 계속해서 코딩하고 학습하세요. 모두 여정의 일부입니다!

기타 초보 실수나 팁이 있으면 댓글에 남겨주세요. 함께 배워보아요!

위 내용은 초보자가 JavaScript로 저지르는 흔한 실수의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!