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 的开发者工具等。