JavaScript入门之错误—Throw.Try.Catch

最新推荐文章于 2019-08-06 16:33:36 发布

最爱林丽明小姐

最新推荐文章于 2019-08-06 16:33:36 发布

阅读量674

点赞数

分类专栏： JavaScript的基本语法

本文链接：https://blog.csdn.net/kissme_a/article/details/19992657

版权

JavaScript的基本语法专栏收录该内容

17 篇文章 0 订阅

订阅专栏

try语句允许我们定义在执行时进行错误测试的代码块。

catch语句允许我们定义当try代码块发生错误时，所执行的代码块。

JavaScript语句try和catch是成对出现的。

当try语句中有错误时，会执行catch里的代码

<html>
<head>

<script>
function message()
{
	try
	{
		adlert("Hello World!");
	}
	catch(err)
	{
		alert("错啦！");
	}
}
</script>

<body>
<input type = "button" value = "View message" onclick = "message()">
</body>
</head>
</html>

Throw 语句

throw语句允许我们创建自定义错误。

正确的技术术语是：创建或抛出异常（exception).

如果把throw与try和catch一起使用，那么就能够控制程序流，并生成自定义的错误消息。

异常可以是字符串，数字，逻辑值或对象

<html>
<body>

<script>
function myFunction()
{
	try
	{
		var x = document.getElementById("demo").value;
		if (x == "") 
		{
			throw "值为空";
		}
		if (isNaN(x))
		{
			throw "不是数字";
		}
		if (x > 10)
		{
			throw "太大";
		}
		if (x < 5)
		{
			throw "太小";
		}
	}
	catch(err)
	{
		var y = document.getElementById("mess");
		y.innerHTML = "错误" + err + ".";
	}
}
</script>

<h1>JavaScript</h1>

<p>请输入5到10之间的数字</p>

<input id = "demo" type = "text">
<button type = "button" onclick = "myFunction()">测试输入值
</button>
<p id = "mess"></p>
</body>
</html>