课程主题JavaScript的异常验证及内置对象网页客.pptx

网页客户端技术课程现代殡葬技术与管理专业群教学资源库主讲人：严志课程主题：JavaScript的异常、验证及内置对象

异常处理01表单验证02JavaScript对象03五JavaScript的异常、验证及内置对象

（01）什么是异常？当JavaScript引擎执行JavaScript代码时，会发生各种错误，然而这种错误我们称之为异常（Exception）。引起异常的常见原因：可能是语法错误，通常是程序员造成的编码错误或错别字；可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）；可能是由于来自服务器或用户的错误输出而导致的错误；当然，也可能是由于许多其他不可预知的因素。五JavaScript的异常、验证及内置对象异常处理01

（02）try…catch测试和捕捉异常当错误（异常）发生时，JavaScript引擎通常会停止运行，并抛出一个错误（异常）。JavaScript使用try…catch测试和捕捉异常。try语句允许我们定义在执行时进行错误测试的代码块；catch语句允许我们定义当try代码块发生错误时，所执行的代码；try和catch语句是成对出现的。五JavaScript的异常、验证及内置对象异常处理01

（02）try…catch测试和捕捉异常语法：try{//在这里运行代码}catch(err){//在这里处理错误}五JavaScript的异常、验证及内置对象异常处理01

（02）try…catch测试和捕捉异常在下面的例子中，故意在try块的代码中写了一个错字，catch块会捕捉到try块中的错误，并执行代码来处理它。五JavaScript的异常、验证及内置对象异常处理01

（03）Throw语句throw语句允许我们创建或抛出异常（exception）。如果把throw与try和catch一起使用，那么您能够控制程序流，并生成自定义的错误消息；语法：throwexception；异常可以是JavaScript字符串、数字、逻辑值或对象。五JavaScript的异常、验证及内置对象异常处理01

（03）Throw语句下例中检测输入变量的值。如果值是错误的，会抛出一个异常（错误）。catch会捕捉到这个错误，并显示一段自定义的错误消息：五JavaScript的异常、验证及内置对象异常处理01

（03）Throw语句示例5-1try...catchthrow语句示例htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/title例5_1try...catchthrow语句示例/titlescriptvartxt=;functionmessage(){try{adddlert(Welcomeguest!);}catch(err){txt=Therewasanerroronthispage.\n\n;txt+=Errordescription:+err.message+\n\n;txt+=ClickOKtocontinue.\n\n;alert(txt);}}functionmyFunction(){try{varx=document.getElementById(demo).value;if(x==)throwempty;五JavaScript的异常、验证及内置对象异常处理01

if(isNaN(x))thrownotanumber;if(x10)throwtoohigh;if(x5)throwtoolow;}catch(err){vary=document.ge