JavaScript基础1:JavaScript 错误 - Throw、Try 和 Catch

try      语句测试代码块的错误。

catch 语句处理错误。

throw 语句创建自定义错误。

错误一定会发生,当 JavaScript 引擎执行 JavaScript 代码时,会发生各种错误:可能是语法错误,通常是程序员造成的编码错误或错别字。可能是拼写错误或语言中缺少的功能(可能由于浏览器差异),可能是由于来自服务器或用户的错误输出而导致的错误。当然,也可能是由于许多其他不可预知的因素。当错误发生时,当事情出问题时,JavaScript 引擎通常会停止,并生成一个错误消息。描述这种情况的技术术语是:JavaScript 将抛出一个错误。try 语句允许我们定义在执行时进行错误测试的代码块。catch
语句允许我们定义当 try 代码块发生错误时,所执行的代码块。JavaScript 语句 try 和 catch 是成对出现的。

下面是实例讲解:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript 错误 - Throw、Try 和 Catch</title>
</head>
<body>
<hr>
try   语句测试代码块的错误。
catch 语句处理错误。
throw 语句创建自定义错误。
<hr>
1.在下面的例子中,我们故意在 try 块的代码中写了一个错字。catch 块会捕捉到 try 块中的错误,并执行代码来处理它。

<script type="text/javascript">
	var msg="";
	function demo1(){
		try{
			//alert("Welcome!");
			aaaaaaaaalert("Welcome!");
		}catch(err){
			msg+="错误提示:\n\n";
			alert(msg+err.message);
		}
	}
</script>
<input type="button" onclick="demo1();" value="查看消息"/>
<hr>
2.Throw 语句
throw 语句允许我们创建自定义错误。正确的技术术语是:创建或抛出异常(exception)。如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。异常可以是 JavaScript 字符串、数字、逻辑值或对象。
本例检测输入变量的值。如果值是错误的,会抛出一个异常(错误)。catch 会捕捉到这个错误,并显示一段自定义的错误消息:
<hr>

<script type="text/javascript">
	function demo2(){
		try{
			var x=document.getElementById("demo3").value;
			if(x=="")	 throw "值为空";
			if(isNaN(x)) throw "值非数字!";
			if(x>10)	 throw "值太大";
			if(x<5)	     throw "值太小";
		}catch(err){
			var p=document.getElementById("tip2");
			p.innerHTML="错误:"+err+"!";
		}
	}
</script>

<p>请输入5到10之间的数字:</p>
<input id="demo3" type="text"/>
<input type="button" value="点击检查" onclick="demo2()"/>
<p id="tip2"></p>

<hr>
</body>
</html>

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-11 04:51:44

JavaScript基础1:JavaScript 错误 - Throw、Try 和 Catch的相关文章

javascript基础——初识javascript

每一门语言的学习都是从HelloWorld开始的,我今天也遵循这个原则吧!先上一段代码,认识一下javascript <html><head><title>初识javascript</title><script language="javascript" type="text/javascript"><!--alert("Hello World Wide Web!")//-->

JavaScript 基础之: JavaScript 秘密花园

简介 关于作者 这篇文章的作者是两位 Stack Overflow 用户, 伊沃·韦特泽尔 Ivo Wetzel(写作) 和 张易江 Zhang Yi Jiang(设计). 贡献者 贡献者 中文翻译 三生石上 此中文翻译由三生石上独立完成,博客园首发,转载请注明出处. 许可 JavaScript 秘密花园在 MIT license 许可协议下发布,并存放在 GitHub 开源社区. 如果你发现错误或者打字错误,请新建一个任务单或者发一个抓取请求. 你也可以在 Stack Overflow 的 J

Javascript基础篇小结

Javascript基础篇小结 字数9973 阅读3975 评论7 喜欢28 转载请声明出处 博客原文 随手翻阅以前的学习笔记,顺便整理一下放在这里,方便自己复习,也希望你有也有帮助吧 第一课时 入门基础 知识点: 操作系统就是个应用程序 只要是应用程序都要占用物理内存 浏览器本身也是一个应用程序 浏览器本身只懂得解析HTML 调用浏览器这个应用程序的一个功能绘制 1.javascript介绍 JavaScript操作DOM的本质是=获取+触发+改变 目的:就是用来操作内存中的DOM节点 修改D

JavaScript基础补充

JavaScript基础补充 JavaScript是一门是弱类型 , 边解释边执行的浏览器端脚本语言. 起初的开发目的是用于浏览器端做表单验证的 ,后来发现用来网页的特效,动画非常的好用  ,发展目前, 可以用制作网页的交互特效 和数据交互,还用于在后端开发(Node.js) , 小程序 , 移动的App , 物联网... ECMAScript 标准 1.目前学习的是浏览器端的JS   = > 目前版本ES5 2.后端的JS (Node.js) 一.在网页中使用JS 1.直接在标签中通过属性添加

JavaScript基础--小案例:在网页指定位置弹出错误信息(十二)

案例分析:点击按钮后,在网页上指定区域,提示错误信息!5秒后,错误信息提示自动消失! 1 <script languag="javascript" type="text/javascript"> 2 var clearId; 3 function test(){ 4 document.getElementById("showMsg").style.cssText="width:200px;height:50px;left:6

JavaScript 错误 - throw、try 和 catch

try 语句测试代码块的错误. catch 语句处理错误. throw 语句创建自定义错误.(就是自己希望显示的错误信息) <body> ? <p>请输出一个 5 到 10 之间的数字:</p> ? <input id="demo" type="text"> <button type="button" onclick="myFunction()">测试输入</b

javascript基础语法——词法结构

× 目录 [1]java [2]定义 [3]大小写[4]保留字[5]注释[6]空白[7]分号 前面的话 javascript是一门简单的语言,也是一门复杂的语言.说它简单,是因为学会使用它只需片刻功夫:而说它复杂,是因为要真正掌握它则需要数年时间.实际上,前端工程师很大程度上就是指javascript工程师.前端入门容易精通难,说的是前端,更指的是javascript.本文是javascript基础语法的第一篇——词法结构 与java关系 关于javascript有这样一个说法,java和jav

javascript 基础知识

javascript 基础知识编程规范注释 //驼峰对象化编程 数据类型字符串.数字.布尔.数组.对象.Null.Undefined定义 var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object; 字符串 var word = "Hello World!"; 数字 var x1 = 34.00; //使用小数点来写 var x2 =

JavaScript基础细讲

JavaScript基础细讲 JavaScript语言的前身叫作Livescript.自从Sun公司推出著名的Java语言之后,Netscape公司引进了Sun公司有关Java的程序概念,将自己原有的Livescript 重新进行设计,并改名为JavaScript. JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,有了JavaScript,可使网页变得生动.使用它的目的是与HTML超文本标识语言.Java 脚本语言一起实现在一个网页中链接多个对象,与网络客户交互作用,从而可