javaScript代码飘红报错看不懂？读完这篇文章再试试

以下是详细讲解“javaScript代码飘红报错看不懂？读完这篇文章再试试”的完整攻略：

1. 了解常见错误类型

在编写JavaScript代码的过程中，我们经常会遇到一些错误，比如：语法错误、逻辑错误、运行时错误等等。有时候你会看到代码飘红，但是并不知道具体错误在哪里，这时候需要了解常见的错误类型。常见错误类型有：

• SyntaxError（语法错误）：通常是因为拼写错误或缺少分号等；

• ReferenceError（引用错误）：通常是因为调用了一个未定义的变量或函数；

• TypeError（类型错误）：通常是因为使用了错误的数据类型，比如在对象上调用了一个不存在的方法；

• RangeError（范围错误）：通常是因为使用了超出范围的数字，比如在数组中使用了一个超出索引范围的数字。

2. 使用浏览器的开发者工具

如果出现了代码飘红的情况，你可以使用浏览器的开发者工具来找出错误。常用的浏览器开发者工具有：Chrome DevTools、Firefox Developer Edition、Safari Web Inspector、Edge DevTools等。

以下是在Chrome浏览器中使用开发者工具的示例：

• 首先，打开开发者工具（快捷键是F12或Ctrl+Shift+I）。

• 然后，在Console面板中，你可以看到所有的JavaScript错误和警告信息。如果你的代码飘红，也会在这里显示错误信息。

下面是一段有语法错误的JavaScript代码：

let helloWorld = function() {
  let message = "Hello, world!";
  console.log(mesage);
}

在Chrome浏览器中，你会看到如下的错误信息：

Uncaught ReferenceError: mesage is not defined
    at helloWorld (test.js:3)
    at <anonymous>:1:1

错误提示信息有四部分组成：

• Uncaught：表示错误未被捕获；

• ReferenceError：表示引用错误；

• mesage is not defined：提示信息，给出了具体错误的原因；

• at helloWorld (test.js:3) at :1:1：给出了错误发生的位置，test.js:3表示错误发生在文件test.js的第3行。

3. 善用console.log语句

使用console.log()方法可以输出运行时的变量值，帮助你找到可能存在的错误。

以下是一个使用console.log()语句的示例代码：

let a = 1;
let b = 2;
let c = a + b;
console.log(c);

在浏览器的控制台中，你会看到输出的c的值为3。如果你的代码输出了意外的结果，就可以通过console.log()语句来查找错误。

结论

以上就是“javaScript代码飘红报错看不懂？读完这篇文章再试试”的完整攻略了。在编写JavaScript代码的时候，遇到错误并不可怕，关键是要知道如何找出错误的原因，并及时对代码进行纠正。