JS日志中常见错误有哪些

在JavaScript日志中，开发者经常会遇到各种错误。以下是一些常见的错误类型及其简要描述：

1. 语法错误（SyntaxError）：

   • 描述：通常是由于代码中存在打字错误、遗漏了标点符号（如分号、括号等）或使用了不正确的语法结构导致的。
   • 示例：function say(text) { return text; } say('shark'); 输出 Uncaught SyntaxError: missing ) after argument list。

2. 引用错误（ReferenceError）：

   • 描述：尝试访问一个未声明的变量或函数的引用导致的。
   • 示例：console.log(a); 输出 Uncaught ReferenceError: a is not defined。

3. 类型错误（TypeError）：

   • 描述：尝试对某个值执行不支持的操作，或者将某个值视为错误类型的值导致的。
   • 示例：let a = '123'; let result = a + 4; 输出 Uncaught TypeError: Cannot read property 'toString' of undefined。

4. 范围错误（RangeError）：

   • 描述：传递给函数的值超出其能够处理的范围导致的。
   • 示例：var a = new Array(-1); 输出 Uncaught RangeError: Invalid array length。

5. URI错误（URIError）：

   • 描述：与全局URI处理函数有关，如 encodeURI() 或 decodeURI()。
   • 示例：decodeURI('%2'); 输出 Uncaught URIError: URI malformed。

6. 错误使用 == 而不是 ===：

   • 描述：== 运算符执行类型强制转换，而 === 运算符检查严格相等性，不进行类型转换。
   • 示例：console.log(0 == '0'); 输出 true，但 console.log(0 === '0'); 输出 false。

7. 变量提升问题：

   • 描述：变量声明提升，但赋值不会提升，可能导致意外的行为。
   • 示例：console.log(myVar); let myVar = 'value'; 输出 undefined。

8. this 指向问题：

   • 描述：this 关键字的指向是动态的，可能会导致意外的行为。
   • 示例：var name = "John"; var person = { name: "Bob", sayName: function () { console.log("name", this.name); }}; var sayName = person.sayName; sayName(); 输出 John。

9. 异步代码处理不当：

   • 描述：未能正确处理异步代码（如不使用 async/await 或 then/catch）会导致意外行为和错误。
   • 示例：function fetchData() { return fetch('https://api.example.com/data'); } const data = fetchData(); 。

10. 内存泄漏：

    • 描述：对不存在的对象的悬空引用可能导致内存泄漏。
    • 示例：对 theThing 对象的引用未清除，导致内存泄漏。。

了解这些常见错误及其解决方法，可以帮助开发者在编写和调试JavaScript代码时更加高效和准确。