作者：IshaJauhari译者：前端小智来源：dottoro点赞再看，养成习惯本文已收录在GitHubhttps://github.com/qq44924588...分类整理，也整理了很多我的文档和教程材料。欢迎来到星和完美。面试时可参考考点复习。我希望我们能在一起。每当JavaScript中发生任何运行时错误时，都会引发错误对象。在许多情况下，我们还可以扩展这些标准错误对象来创建我们自己的自定义错误对象。属性错误对象有2个属性名称-设置或返回错误名称。具体来说，它返回错误所属的构造函数的名称。它有6个不同的值——EvalError、RangeError、ReferenceError、TypeError、SyntaxError、URIError。我们将在本文后面讨论这些，所有这些错误类型都继承自Object->Error->RangeError。message-设置或返回一条错误信息Case1.一般错误我们可以使用Error对象创建一个新的Error，然后使用throw关键字显式抛出错误。try{thrownewError('SomeErrorOccurred!')}catch(e){console.error('ErrorOccurred.'+e.name+':'+e.message)}2.为了处理特定的错误类型，我们您还可以使用instanceof关键字如下来处理特定的错误类型。try{someFunction()}catch(e){if(einstanceofEvalError){console.error(e.name+':'+e.message)}elseif(einstanceofRangeError){console.error(e.name+':'+e.message)}//...somethingelse}3.自定义错误类型我们还可以通过创建一个继承Error对象的类来定义我们自己的错误类型。classCustomErrorextendsError{constructor(description,...params){super(...params)if(Error.captureStackTrace){Error.captureStackTrace(this,CustomError)}this.name='CustomError_MyError'this.description=描述this.date=newDate()}}try{thrownewCustomError('CustomError','SomeErrorOccurred')}catch(e){console.error(e.name)//CustomError_MyErrorconsole.error(e.description)//CustomErrorconsole.error(e.message)//SomeErrorOccurredconsole.error(e.stack)//stacktrace}浏览器兼容性错误对象类型现在让我们讨论可用于处理不同错误的不同类型错误对象类型。1、evalError创建一个错误实例，说明错误原因：与eval()相关。这里需要注意的一点是，当前的ECMAScript规范不支持它，它不会被运行时抛出。相反，我们可以使用SyntaxError错误。但是，它仍然向后兼容早期版本的ECMAScript。语法newEvalError([message[,fileName[,lineNumber]]])casetry{thrownewEvalError('EvalErrorOccurred');}catch(e){console.log(einstanceofEvalError);//真正的控制台。日志（e.message）；//“发生评估错误”console.log(e.name);//"EvalError"console.log(e.stack);//"EvalError:EvalErrorOccurred..."}浏览器兼容性2.RangeError创建一个错误实例，指示错误原因：数字变量或参数超出其有效范围。newRangeError([message[,fileName[,lineNumber]]])以下情况会触发这个错误：1）根据String.prototype.normalize()，我们传递了一个不允许的字符串值。//UncaughtRangeError:ThenormalizationformshouldbeoneofNFC,NFD,NFKC,NFKDString.prototype.normalize(“-1”)2)使用Array构造函数创建非法长度的数组//RangeError:Invalidarraylengthvararr=新数组（-1）；3)Number.prototype.toExponential()、Number.prototype.toFixed()或Number.prototype.toPrecision()等数值方法接收到无效值。//UncaughtRangeError:toExponential()argumentmustbebetween0and100Number.prototype.toExponential(101)//UncaughtRangeError:toFixed()digitsargumentmustbebetween0and100Number.prototype.toFixed(-1)//未捕获的RangeError:toPrecision()argumentmustbebetween1and100Number.prototype.toPrecision(101)事例对数值functioncheckRange(n){if(!(n>=0&&n<=100)){thrownewRangeError("Theargument必须介于0和100之间。");}};try{checkRange(101);}catch(error){if(errorinstanceofRangeError){console.log(error.name);控制台日志（错误信息）；}}对非数值functioncheckJusticeLeaque(value){if(["batman","superman","flash"].includes(value)===false){thrownewRangeError('英雄必须在JusticeLeaque...');}}try{checkJusticeLeaque("wolverine");}catch(error){if(errorinstanceofRangeError){console.log(error.name);控制台日志（e错误消息）；}}浏览器兼容性3.ReferenceError创建一个错误实例来指示错误原因：invalidreferencenewReferenceError([message[,fileName[,lineNumber]]])instanceReferenceError自动触发。try{callJusticeLeaque();}catch(e){console.log(einstanceofReferenceError)//trueconsole.log(e.message)//callJusticeLeaque未定义console.log(e.name)//"ReferenceError"console.log(e.stack)//ReferenceError:callJusticeLeaqueisnotdefined..}orassimpleasa/10;显式throwReferenceErrortry{thrownewReferenceError('ReferenceErrorOccurred')}catch(e){console.log(einstanceofReferenceError)//trueconsole.log(e.message)//引用错误发生console.log(e.name)//"ReferenceError"console.log(e.stack)//ReferenceError:ReferenceErrorOccurred.}BrowserCompatibility4.SyntaxError创建一个错误实例来指示错误原因：解析时发生的语法错误eval()的代码。换句话说，当JS引擎在解析代码时遇到不符合语言语法的标记或标记序列时，将抛出SyntaxError。捕获语法错误try{eval('JusticeLeaque');}catch(e){console.error(einstanceofSyntaxError);//真console.error(e.message);//意外的标识符console.error(e.name);//语法错误console.error(e.stack);//SyntaxError:意外的标识符}leta=100/;//UncaughtSyntaxError:Unexpectedtoken';'//UncaughtSyntaxError:Unexpectedtoken]inJSONJSON.parse('[1,2,3,4,]');//UncaughtSyntaxError:Unexpectedtoken}inJSONJSON.parse('{"aa":11,}');创建一个SyntaxErrortry{thrownewSyntaxError('SyntaxErrorOccurred');}catch(e){console.error(einstanceofSyntaxError);//真console.error(e.message);//发生语法错误console.error(e.name);//SyntaxErrorconsole.error(e.stack);//SyntaxError:SyntaxErrorOccurred}BrowserCompatibility5.TypeError创建一个错误实例，指示错误原因：变量或参数不属于有效类型。newTypeError([message[,fileName[,lineNumber]]])如果传递的和预期的函数参数或操作数之间存在类型不兼容，则会引发TypeError。试图更新无法更改的值。价值使用不当。例如：consta=10;a="string";//UncaughtTypeError:Assignmenttoconstantvariablenull.name//UncaughtTypeError:Cannotreadproperty'name'ofnullcatchTypeErrortry{varnum=1;}num.toUpperCase();}catch(e){console.log(einstanceofTypeError)//trueconsole.log(e.message)//num.toUpperCase不是函数console.log(e.name)//“类型错误”控制台。log(e.stack)//TypeError:num.toUpperCase不是函数}createTypeErrortry{thrownewTypeError('TypeErrorOccurred')}catch(e){console.log(einstanceofTypeError)//trueconsole.log(e.message)//TypeErrorOccurredconsole.log(e.name)//TypeErrorconsole.log(e.stack)//TypeError:TypeErrorOccurred}浏览器兼容性6.URIError创建一个错误实例来指示错误原因：传递给encodeURI()或decodeURl()的参数无效。如果未正确使用全局URI处理功能，就会发生这种情况。简单来说，当我们将不正确的参数传递给encodeURIComponent()或decodeURIComponent()函数时，就会发生这种情况。newURIError([message[,fileName[,lineNumber]]])encodeURIComponent()通过用代表字符的UTF-8编码的一个、两个、三个或四个转义序列替换某些字符的每个实例来对URI进行编码。//"https%3A%2F%2Fmedium.com%2F"encodeURIComponent('https://medium.com/');decodeURIComponent()——之前由encodeURIComponent创建的统一资源标识符（URI）组件进行解码。//https://medium.com/decodeURIComponent("https%3A%2F%2Fmedium.com%2F")catchURIErrortry{decodeURIComponent('%')}catch(e){console.log(einstanceofURIError)//trueconsole.log(e.message)//URI格式错误console.log(e.name)//URIErrorconsole.log(e.stack)//URIError:URI格式错误...}显式抛出URIErrortry{thrownewURIError('URIErrorOccurred')}catch(e){console.log(einstanceofURIError)//trueconsole.log(e.message)//URIErrorOccurredconsole.log(e.name)//"URIError"控制台。log(e.stack)//URIError:URIErrorOccurred....}无法实时获知浏览器兼容代码部署后可能存在的bug。事后为了解决这些bug，花费了大量的时间在日志调试上。顺便推荐一个好用的BUG监控工具Fundebug。原文：http://help.dottoro.com/ljfhi...每周更新交流文章。可以微信搜索“大千世界”立即阅读更新（比博客早一两篇），这篇文章GitHubhttps://github.com/qq449245884/xiaozhi已经收录，还有我的很多文档已经整理好了。欢迎明星和完美。可以参考考点面试。另外关注公众号，后台回复福利就可以看到福利了。你知道。
