面试官：说说常见的JS错误信息

开开场白：

开发中难免会遇到控制台报错。再牛逼的大神也难以避免。不开发就不会报错，开发就会遇到报错。看到红色报错信息慌得一批、一脸懵逼、各种抓瞎是不是你？你是否有真正了解过常见报错信息。熟悉了常见报错信息，通过报错信息直接定位到代码bug,会不会爽到嗨。错误信息包括错误类型(type)、信息(message)。

常见错误：

1.ReferenceError：引用错误

// 找不到声明的变量
// “变量”is not defined(变量未定义)
console.log(a)

// 找不到声明的变量
// Cannot access 'aLet' before initialization(初始化之前无法访问“变量”)
console.log(aLet)
   let aLet

2. TypeError：数据类型错误

const b={}
console.log(b.xxx())

3. RangeError：数值范围错误

// 超出数组最大长度4294967295。
// Invalid array length(数组长度无效)
const ary =new Array(4294967296)
        console.log(ary)

// 自执行函数，递归，死循环，没有结束条件
// Maximum call stack size exceeded(超出了最大调用堆栈大小)
 (function fn(){
            fn()
        })()

4. SyntaxError：语法错误

 // 错误的空字符串
 const str =''''
 console.log(str)
 
 // 变量名命名错误
 const 11str =''
 console.log(str)
 
 // 使用中文符号
 const str =“”
 console.log(str)

友情提示：

鉴于报错信息会阻塞代码执行，为保障代码正常执行及提高代码健壮，常用处理方式使用try catch捕获错误信息。

 try {
     console.log(a)
 }
 // 捕获错误数据
 catch (error) {
 // 处理错误数据
     console.log(error)
 }