javascript 运行报错 js常见报错

JavaScript在控制台常见的报错信息

• 前言
• 一、JS的报错类型
• 二、具体的控制台报错分析

• 1.语法错误(SyntaxError)

• （1）违背命名规范
• （2）括号不全
• （3）关键字赋值
• （4）函数没有函数名

• 2.引用错误（ReferenceError）

• （1）调用的变量未被定义
• （2）变量的作用域

• 3.TypeError（类型错误）

• （1）new 创建构造函数而不是创建原始数据
• （2）调用不存在的方法或函数

• 4.RangeError（范围错误）

• （1）超出数组范围
• （2）Number对象的方法参数超出范围

---

前言

当新手在写JS代码时常常遇到控制台报错的问题就会手足无措，不知道怎么解决，现在这篇文章将会介绍JS控制台的报错。

---

一、JS的报错类型

一般就是的报错主要分为两大类，一种是语法错误，另一种是异常报错。

二、具体的控制台报错分析

1.语法错误(SyntaxError)

语法错误(SyntaxError)：一般出现这种是因为在写代码的时候不符合js语法规则，常见的有以下几种：

（1）违背命名规范

let 0a;

报错信息：

注意：

变量命名必须以字母、下划线”_”或者”$”为开头。

变量名中不允许使用空格和其他标点符号，首个字不能为数字。

不能出现中文。

（2）括号不全

console.log('b';

报错信息：

（3）关键字赋值

function = 1;

报错信息：

（4）函数没有函数名

function () { }

报错信息：

注意：当代码出现语法错误时，浏览器会直接报错，整个代码都不会执行。

当然像语法错误还有很多，导致这种问题的根源在于对JS代码的编写不够熟悉，因此需要熟悉JS编写语法，从而减少这种错误。

2.引用错误（ReferenceError）

引用错误（ReferenceError）：一般是变量的问题。

（1）调用的变量未被定义

console.log(c);

报错信息：

（2）变量的作用域

function getData(){
      console.log(d);
      let d = 2;
    }
    getData();

报错信息：

注意：一般出现引用错误是因为作用域的问题，没有分清楚全局作用域和局部作用域。

3.TypeError（类型错误）

TypeError（类型错误）：变量或参数不是预期类型。

（1）new 创建构造函数而不是创建原始数据

比如，对字符串、布尔值、数值等原始类型的值使用new命令，就会抛出这种错误，因为new命令的参数应该是一个构造函数。

let e = new 'st';

报错信息：

（2）调用不存在的方法或函数

var o = {};
o.run();

报错信息：

4.RangeError（范围错误）

RangeError（范围错误）：当一个值不在其所允许的范围或者集合中。

（1）超出数组范围

数组的范围一般是大于0，这里的数组是小于0, 所以报错了。

let a = new Array(-1);

报错信息：

（2）Number对象的方法参数超出范围

var num = new Number(1.999);
console.log(num.toFixed(101));
 // toFixed方法 
 // 说明: toFixed方法的作用是将数字四舍五入为指定小数位数的数字,参数是小数点后的位数,范围为0-100

报错信息：