JavaScript 常见错误类型详解：SyntaxError、TypeError 等

JavaScript 系列课程大纲

在 JavaScript 开发过程中，开发者经常会遇到各种运行时或编译时错误。了解并识别这些错误类型是调试代码的关键。本文将详细介绍 JavaScript 中几种最常见的错误类型及其成因。

1. SyntaxError（语法错误）

SyntaxError 表示代码违反了 JavaScript 的语言语法规则。当解释器遇到不符合语言规范的代码结构时，会抛出此类错误，导致代码无法执行。

function sammy(animal) {
    if(animal == 'shark'){
        return `I'm cool`;
    } else {
        return `You're cool`;
    }
}
sammy('shark';
// output
Uncaught SyntaxError: missing ) after argument list

例如，在定义函数时如果遗漏了右括号 )，解释器将无法正确解析代码结构，从而抛出 SyntaxError 错误。

function sammy(animal) {
    let animal = 'shark';
}
// output
 Uncaught SyntaxError: Identifier 'animal' has already been declared

此外，如果在函数参数和函数体内部使用了完全相同的变量名，也会导致标识符重复声明，进而引发此类语法错误。

2. TypeError（类型错误）

TypeError 表示对值的操作与其数据类型不兼容。这类似于试图用螺丝刀去敲击钉子，工具与任务不匹配。

let a = 1
console.log(a()) 
//output
Uncaught TypeError: a is not a function

假设有一个用值初始化的变量，如果尝试将其作为函数调用，就会发生类型错误。因为变量存储的是数据而非可执行逻辑，其工作方式与函数不同，因此解释器会报错。

上述操作将直接导致类型错误抛出。

const a = 1
a = 2 // you reassign a const type variable again
//output
TypeError: Assignment to constant variable.

在尝试将 const 类型的变量 a 重新赋值为新值时，由于常量（const）定义后不可更改，这种赋值操作会触发类型错误。

3. ReferenceError（引用错误）

ReferenceError 表示代码试图访问不存在的变量引用。当变量未在作用域内声明、在暂时性死区（TDZ）内使用，或访问超出作用域的变量时，都会抛出此错误。

let a = 1
console.log(b) // undefined variable used
//output
Uncaught ReferenceError: b is not defined

例如，a 是一个已初始化的变量。如果尝试控制台输出 b 这个并不存在的变量，由于未进行任何声明，解释器会抛出引用错误。

if(true){
    let a = 1
}
console.log(a)
//output
ReferenceError: a is not defined

在另一个例子中，试图访问块级作用域外的 a 类型变量 let，解释器无法在外部作用域找到该标识符，从而报错。

4. RangeError（范围错误）

RangeError 表示数值超出了允许的范围。当变量被设置为超出其限定范围的值、传递给方法的参数超出预期范围，或调用无限递归函数时，会抛出此错误。

5. URIError（URI 错误）

URIError 表示在统一资源标识符（URI）的编码或解码过程中出现问题。JavaScript 中处理 URI 的函数如 decodeURI 和 decodeURIComponent 等，如果传入包含无效字符的参数，便会抛出 URIError。

以上是关于 JavaScript 错误类型的详细解析，更多相关技术内容欢迎查阅本站其他文章。