1. 语法错误（Syntax Errors）

这是由于代码不符合语法规则而引起的错误，通常在代码编译阶段发生。示例：

javascriptCopy code

if (x == 10 { // 缺少了右括号 // 代码逻辑 }

2. 类型错误（Type Errors）

这种错误发生在尝试使用不适合的类型执行操作时。例如，试图对一个非函数的变量进行调用：

javascriptCopy code

let num = 10; num(); // TypeError: num is not a function

3. 引用错误（Reference Errors）

当尝试使用未定义的变量、对象或函数时，会触发引用错误：

javascriptCopy code

console.log(variableName); // ReferenceError: variableName is not defined

4. 资源加载错误（Resource Loading Errors）

当浏览器无法加载网页所需的资源时，比如 JavaScript 文件、样式表或图片等，会触发这类错误：

javascriptCopy code

Failed to load resource: the server responded with a status of 404 (Not Found)

5. 网络错误（Network Errors）

当请求远程资源时，如果网络出现问题，比如服务器无响应、连接超时等，会触发网络错误。

6. Promise 异常（Promise Errors）

在使用 Promise 进行异步操作时，可能会出现 Promise 拒绝（Rejected）的情况，此时会触发 Promise 异常。

7. 运行时错误（Runtime Errors）

这些错误通常在代码执行期间发生，不是语法错误，但在特定条件下导致代码无法正常执行。例如，尝试在一个不存在的对象上调用方法。

在开发中，可以使用开发者工具的控制台或调试器来查看报错信息，并通过信息定位到代码中出错的位置，进而进行调试和修复。常用的调试工具有 Chrome 的开发者工具、Firefox 的开发者工具等。