一、本文将会出现以下英语词汇
assignment["color: #ff0000">二、带你领略JS常见的四种Error类型
1、ReferenceError(引用错误):使用了未定义的变量。错误之前的代码会执行,之后代码不会执行。
// 1、变量未定义便直接使用 console.log(my); // 报错:Uncaught ReferenceError: my is not defined // 翻译:my未定义 // 2、将变量赋值给一个无法被赋值的东东 Math.random()=1; // 报错:Uncaught ReferenceError: Invalid left-hand side in assignment // 翻译:左侧的赋值无效
2、TypeError(类型错误):变量或参数不是预期类型,或调用对象不存在的属性方法。错误之前的代码会执行,之后代码不会执行。
// 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”
3、RangeError(范围错误):数据值不在JS所允许的范围内。错误之前的代码会执行,之后代码不会执行。
// 1、递归函数未设置跳出的条件 function run(){ run(); } run(); // 报错:Uncaught RangeError: Maximum call stack size exceeded // 翻译:超出最大调用堆栈大小。原因函数一直调用,直到达到调用堆栈限制。 // 2、无效的数组长度,应该是个正整数 const arr =new Array(-1); // 报错:Uncaught RangeError: Invalid array length // 翻译:无效的数组长度
4、SyntaxError(语法错误):即写的代码不符合js编码规则。我们可以根据后面的信息提示去修改错误,当然,语法错误,浏览器会直接报错,整个代码都不会执行。
// 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…catch处理Error
1、被try包裹的代码块一旦出现Error,会将Error传递给catch并运行catch代码块。不会影响后续代码运行。
try{ console.log(userName); }catch (err) { // ReferenceError: userName is not defined console.log(err); } console.log("我还会继续运行哦!!")
2、出现SyntaxError(语法错误),不会被抛出。
try{ // Uncaught SyntaxError: Invalid or unexpected token const 8userName = "zhangpeiyue"; }catch (err) { console.log(err); } console.log("我不会继续运行了!!")
3、通过 throw new Error 抛出错误
try{ throw new Error("出现异常了"); }catch (err) { // 错误相关信息 console.log(err.message);// 出现异常了 // 函数调用栈记录信息 console.log(err.stack);// Error: 出现异常了 } console.log("我还会继续运行哦!!")
4、不管有没有异常,finally中的代码都会在try和catch之后执行
try{ throw new Error("出现异常了"); }catch (err) { // 错误相关信息 console.log(err.message);// 出现异常了 // 函数调用栈记录信息 console.log(err.stack);// Error: 出现异常了 }finally { // 不管有没有异常,我都会执行。哪怕你有return,我也会执行! console.log("不管有没有异常,我都会执行。哪怕你有return,我也会执行!") } console.log("我还会继续运行哦!!")
5、总结
- 只要不发生语法错误,程序即可不中断执行。
- 使用try包裹的代码,即使不出错,效率也比不用try包裹的代码低。
- 在try中,尽量少的包含可能出错的代码。
- 无法提前预知错误类型的错误,必须用try catch捕获。
- finally可以省略。
try{ //可能发生错误的代码 }catch(err){ //只有发生错误时才执行的代码 }finally{ //无论是否出错,肯定都要执行的代码 }
最后,代码出现错误并不可怕,真正可怕的是你的业务及代码逻辑出现问题才是真正灾难的开始!
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
更新日志
2024年11月25日
2024年11月25日
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]