【JavaScript】解决 JavaScript 语言报错：Uncaught SyntaxError: Unexpected token

E绵绵

发布于 2024-07-15 08:01:42

2340

发布于 2024-07-15 08:01:42

文章被收录于专栏：编程学习之路

一、背景介绍

在 JavaScript 编程中，“Uncaught SyntaxError: Unexpected token” 是一种常见的错误。这种错误通常发生在代码的语法不符合 JavaScript 标准时，比如缺少括号、分号，或使用了不正确的符号。了解这种错误的成因和解决方法对于编写正确、健壮的代码至关重要。

常见场景

缺少必要的语法元素（如括号、分号等）
使用了不正确的字符或符号
JSON 格式错误
字符串未正确闭合

通过了解这些常见场景，我们可以更好地避免和处理这些错误。

二、报错信息解析

“Uncaught SyntaxError: Unexpected token” 错误信息可以拆解为以下几个部分：

Uncaught SyntaxError: 这表示一个未被捕获的语法错误。语法错误通常意味着代码不符合 JavaScript 语言的语法规则。
Unexpected token: 表示在某个位置出现了意外的符号或字符，这通常意味着代码结构不完整或存在语法错误。

三、常见原因分析

1. 缺少必要的语法元素

if (true {
  console.log('Hello, world!');
} // Uncaught SyntaxError: Unexpected token {

在这个例子中，缺少了 if 语句条件后的右括号 )。

2. 使用了不正确的字符或符号

let num = 100;
let sum = num +; // Uncaught SyntaxError: Unexpected token ;

此例中，在 + 操作符后缺少一个操作数。

3. JSON 格式错误

let data = JSON.parse('{"name": "John", "age": 30, }'); // Uncaught SyntaxError: Unexpected token }

在这个例子中，JSON 字符串末尾多了一个逗号。

4. 字符串未正确闭合

let str = "Hello, world!; // Uncaught SyntaxError: Unexpected token ;

此例中，字符串未正确闭合，缺少右引号。

四、解决方案与预防措施

1. 检查语法元素

确保所有语法元素（如括号、分号等）正确匹配和闭合。

if (true) {
  console.log('Hello, world!');
}

2. 正确使用符号和字符

确保所有操作符和字符使用正确，并配备必要的操作数。

let num = 100;
let sum = num + 20;
console.log(sum); // 120

3. 修正 JSON 格式

确保 JSON 字符串格式正确，去除多余的逗号或符号。

let data = JSON.parse('{"name": "John", "age": 30}');
console.log(data); // {name: "John", age: 30}

4. 字符串闭合

确保所有字符串正确闭合，避免遗漏引号。

let str = "Hello, world!";
console.log(str); // Hello, world!

五、示例代码和实践建议

示例 1：缺少语法元素

// 错误代码
for (let i = 0; i < 10; i++ {
  console.log(i);
} // Uncaught SyntaxError: Unexpected token {

// 修正代码
for (let i = 0; i < 10; i++) {
  console.log(i);
}

示例 2：不正确的字符或符号

// 错误代码
let message = "Hello" + ; // Uncaught SyntaxError: Unexpected token ;

// 修正代码
let message = "Hello" + " world!";
console.log(message); // Hello world!

示例 3：JSON 格式错误

// 错误代码
let config = JSON.parse('{"host": "localhost", "port": 8080, }'); // Uncaught SyntaxError: Unexpected token }

// 修正代码
let config = JSON.parse('{"host": "localhost", "port": 8080}');
console.log(config); // {host: "localhost", port: 8080}

示例 4：字符串未闭合

// 错误代码
let greeting = 'Hello, world!; // Uncaught SyntaxError: Unexpected token ;

// 修正代码
let greeting = 'Hello, world!';
console.log(greeting); // Hello, world!