副队长JavaScript教程(49)-主动抛出异常与错误类型

点此查看所有教程、项目、源码导航文章目录1. 背景2. throw 抛出异常2.1 throw 的作用2.2 基础示例2.3 什么时候需要 throw3. JS 内置错误类型3.1 Error3.2 ReferenceError 引用错误3.3 TypeError 类型错误3.4 RangeError 范围错误4. 异常处理常见坑4.1 不要无脑捕获所有异常4.2 异常尽量就近捕获4.3 区分哪些错误抓不住5. 综合小案例6. 小结1. 背景上一篇我们学习了try catch finally用来捕获代码运行时自动产生的异常。异常不只有 JS 引擎自动抛出这一种情况在开发中很多时候是我们自己判断业务逻辑觉得当前数据不合法需要主动抛出错误提醒调用者。本篇我们学习throw主动抛出异常同时认识 JS 内置的几种错误类型以及异常处理的编码规范。2. throw 抛出异常2.1 throw 的作用throw关键字可以让我们手动制造一个异常。一旦执行throw代码立刻中断抛出的内容会被外层的catch捕获。基础语法throw内容;开发规范尽量抛出错误对象而不是直接抛出字符串、数字。2.2 基础示例varage15;if(age18){thrownewError(年龄不足18岁不允许访问);}console.log(验证通过);直接运行这段代码控制台会报错后面的console.log不会执行。如果外层包上 try-catch就可以接住我们手动抛出的异常varage15;try{if(age18){thrownewError(年龄不足18岁不允许访问);}console.log(验证通过);}catch(err){console.log(捕获到自定义错误,err.message);}2.3 什么时候需要 throw当函数收到不符合预期的参数、条件不满足时适合使用throw。函数只负责校验规则出错的时候抛出异常由调用方决定怎么处理这个错误。functiongetScore(score){if(score0||score100){thrownewError(分数必须在0~100之间);}returnscore;}try{getScore(120);}catch(err){console.log(err.message);}3. JS 内置错误类型我们前面一直用new Error()这是通用错误。JS 还内置了几类细分的错误构造函数用来区分不同种类的问题。3.1 Error通用错误类型其他错误类型都继承自它。不确定具体错误类型的时候优先使用它。thrownewError(通用错误提示);3.2 ReferenceError 引用错误访问一个没有定义的变量时引擎抛出的就是这个类型。我们自己抛的时候适合标记 “找不到变量 / 标识” 这类场景。thrownewReferenceError(该变量不存在);3.3 TypeError 类型错误变量的类型不符合预期就适合用这个。比如期待是数字传进来却是字符串期待是函数传进来是对象。varnumabc;if(typeofnum!number){thrownewTypeError(参数必须是数字类型);}3.4 RangeError 范围错误数值超出合法范围时使用。functionsetCount(n){if(n0){thrownewRangeError(数量不能是负数);}}补充还有 SyntaxError 语法错误这个是解析阶段产生的代码没执行完就报错try-catch 无法捕获我们一般不会手动 throw 这个类型。4. 异常处理常见坑4.1 不要无脑捕获所有异常不要为了程序不报错随便给一大段代码套上 try-catch。// 不推荐try{// 一大段很多逻辑}catch(e){}空 catch 会悄悄吃掉所有错误代码出问题的时候没有任何提示调试非常困难。4.2 异常尽量就近捕获哪里容易出错就在哪里加 try-catch不要所有错误都堆在最外层统一捕获不利于定位问题。4.3 区分哪些错误抓不住语法错误少写括号、少写分号、关键字写错属于解析阶段错误JS 还没开始执行代码try-catch 不起作用。try-catch 只能捕获运行时抛出的异常包括引擎自动抛出、我们 throw 手动抛出的。5. 综合小案例结合 throw try-catch TypeError 写一个参数校验的示例functioncalcArea(width,height){if(typeofwidth!number||typeofheight!number){thrownewTypeError(宽和高必须是数字);}if(width0||height0){thrownewRangeError(宽高必须大于0);}returnwidth*height;}try{varrescalcArea(-10,20);console.log(面积,res);}catch(err){console.log(错误类型,err.name);console.log(错误信息,err.message);}6. 小结throw用来主动抛出异常中断代码执行配合 try-catch 实现自定义错误提示推荐抛出错误对象new Error()不建议直接抛出字符串内置错误Error、ReferenceError、TypeError、RangeError不同场景选择对应的类型编码原则不滥用 try-catch、禁止空 catch 吞掉错误、语法错误无法被捕获。