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

// 1、变量未定义便直接使用
console.log(my);
// 报错：Uncaught ReferenceError: my is not defined
// 翻译：my未定义
 
// 2、将变量赋值给一个无法被赋值的东东
Math.random()=1;
// 报错：Uncaught ReferenceError: Invalid left-hand side in assignment
// 翻译：左侧的赋值无效

// 1、变量不是预期类型，比如对字符串、布尔值、数值等原始类型的值使用new命令。
let userName = new "zhangpeiyue";
// 报错：Uncaught TypeError: "zhangpeiyue" is not a constructor
// 翻译："zhangpeiyue" 不是一个构造函数。new 操作符后应该是一个构造函数
 
// 2、变量不是预期类型,比如变量被作为函数来使用
let userName = "zhangpeiyue";
console.log(userName())
// 报错：Uncaught TypeError: userName is not a function
// 翻译：userName 不是一个函数
 
// 3、对象的属性或方法不存在
const obj = undefined;// 为null也会报错
console.log(obj.userName);
// 报错：Uncaught TypeError: Cannot read property 'userName' of undefined
// 翻译：undefined的环境下无法读取属性“userName”

// 1、递归函数未设置跳出的条件
function run(){
 run();
}
run();
// 报错：Uncaught RangeError: Maximum call stack size exceeded
// 翻译：超出最大调用堆栈大小。原因函数一直调用，直到达到调用堆栈限制。
 
// 2、无效的数组长度，应该是个正整数
const arr =new Array(-1);
// 报错：Uncaught RangeError: Invalid array length
// 翻译：无效的数组长度

// 1、程序错误，比如写错，或者缺少 ， ） ； } 这些符号。
const obj = {;
// 报错：Uncaught SyntaxError: Unexpected token ';'
// 翻译：";"该标记有些出乎意料。
 
// 2、变量定义不合法
let 8userName = "zhangpeiyue";
// 报错：Uncaught SyntaxError: Invalid or unexpected token
// 翻译：定义的变量标记无效
 
// 3、对象属性赋值语法错误
const obj = {
 userName = "zhangpeiyue"
}
// 报错：Uncaught SyntaxError: Invalid shorthand property initializer
// 翻译：对象属性初始值无效。原因：对象中属性与其对应的值之间使用“=”

// 语法错误有很多，在此就不一一列举了

try{
 console.log(userName);
}catch (err) {
 // ReferenceError: userName is not defined
 console.log(err);
}
console.log("我还会继续运行哦！！")

try{
 // Uncaught SyntaxError: Invalid or unexpected token
 const 8userName = "zhangpeiyue";
}catch (err) {
 console.log(err);
}
console.log("我不会继续运行了！！")

try{
 throw new Error("出现异常了");
}catch (err) {
 // 错误相关信息
 console.log(err.message);// 出现异常了
 // 函数调用栈记录信息
 console.log(err.stack);// Error: 出现异常了
}
console.log("我还会继续运行哦！！")

try{
 throw new Error("出现异常了");
}catch (err) {
 // 错误相关信息
 console.log(err.message);// 出现异常了
 // 函数调用栈记录信息
 console.log(err.stack);// Error: 出现异常了
}finally {
 // 不管有没有异常，我都会执行。哪怕你有return,我也会执行！
 console.log("不管有没有异常，我都会执行。哪怕你有return,我也会执行！")
}
console.log("我还会继续运行哦！！")

try{

 //可能发生错误的代码
}catch(err){
 //只有发生错误时才执行的代码
}finally{
 //无论是否出错，肯定都要执行的代码
}