JavaScript基础——添加错误处理
JavaScript编程的一个重要组成部分,是添加错误处理来应对可能会出现的问题。默认情况下,如果因为你的JavaScript中的问题二产生了一个代码异常,那么脚本就会失败并且无法完成加载。这通常不是我们期望的行为。事实上,这往往是灾难性的行为。为了防止这些类型的大问题,你应该把代码包装在一个try/catch块中。
1、try/catch块
为了防止代码完全崩溃,使用try/catch块来处理代码中的问题。如果在执行JavaScript的try块中的代码时遇到错误,它就会跳出来,并执行catch部分,而不是停止执行整个脚本。如果没有错误,那么整个try块将会被执行,并且不会有catch块将被执行。
例如,下面的try/catch块试图把一个名为badVarName的未定义的变量的值赋值到变量x:
try{
var x = badVarName;
}catch(err){
console.log(err.name + ':"' + err.message + '" occurred when assigning x.');
}
请注意,catch语句接受一个err参数,这是一个error对象。error对象提供message属性,它提供了错误信息的描述。error对象还提供了一个name属性,它是抛出的错误类型的名称。
上述代码产生一个异常以及如下的消息:
ReferenceError:"badVarName is not defined" occurred when assigning x.
2、抛出你自己的错误
你也可以使用throw语句抛出自己的错误。下面的代码演示了如何将throw语句添加到一个函数来抛出一个错误(即时不发生脚本错误)。函数sqrRoot()接受一个参数x。然后,它测试x以验证它是一个正数,并返回一个表示x的平方根的字符串。如果x不是一个正数,则相应的错误被抛出,而catch块返回该错误:
function sqrRoot(x){
try{
if(x=="") throw{message:"can't square root nothing"};
if(isNaN(x)) throw{message:"can't square root strings"};
if(x<0) throw{message:"sorry no imagination"};
return "sqrt("+x+") = " + Math.sqrt(x);
}catch(err){
return err.message;
}
}
function writeIt(){
console.log(sqrRoot("four"));
console.log(sqrRoot(""));
console.log(sqrRoot("4"));
console.log(sqrRoot("-4"));
}
writeIt();
下面是控制台输出,显示根据向sqrRoot()函数输入的参数内容,抛出的不同错误:
can't square root nothing
can't square root strings
sqrt(4) = 2
sorry no imagination
3、使用finally
异常处理的另一个重要工具是finally关键字。你可以在一个try/catch块的结束处添加这个关键字。执行try/catch块之后,无论是否有错误发生并被捕获或者try块被完全执行,finally块总是被执行。
下面是在一个网页内使用finally块的例子:
function testTryCatch(value){
try{
if(value<0){
throw"too small";
}else if(value>10){
throw"too big";
}
your_code_here
}catch(err){
console.log("the number was " + err);
}finally{
console.log("this is always written.");
}
}
JavaScript基础——添加错误处理的更多相关文章
- JavaScript基础——兼容性、错误处理
JavaScript基础-错误处理Throw.Try.Catch try语句执行可能出错的代码 catch语句处理捕捉到的错误 throw语句创建自定义错误语句 发生的常见的错误类型 可能是语法错误, ...
- 前端之JavaScript基础
前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C ...
- 一步步学习javascript基础篇(3):Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- JavaScript 基础回顾——对象
JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中 ...
- javascript基础部分
javascript基础部分 1 数据类型: 基础数据类型(通过typeof来检测):Number,string,undefined,null,boolean,function typeof只能检测 ...
- JavaScript基础知识整理(2)
15.处理图像 注意:(1)在写js文件时,尽量将函数的声明往后写,将函数调用写在前面,这样能够使代码结构很清晰. (2)一个网页中翻转器一般超过3个,所以使用for循环减少重复使用翻转器代码的次数. ...
- (转)JAVA AJAX教程第二章-JAVASCRIPT基础知识
开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...
- 《JavaScript基础教程(第8版)》PDF
简介:JavaScript基础教程(第8版)循序渐进地讲述了JavaScript及相关的CSS.DOM.Ajax.jQuery等技术.书中从JavaScript语言基础开始,分别讨论了图像.框架.浏览 ...
- 第三篇:web之前端之JavaScript基础
前端之JavaScript基础 前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript ...
随机推荐
- Java 7 Concurrency Cookbook 翻译 第一章 线程管理之二
三.中断一个线程 一个拥有多个线程的Java程序要结束,需要满足两个条件之一:一是所有的非后台线程都执行结束了:二是某个线程执行了 System.exit() 方法.当你想要终结一个运行中的Java程 ...
- mongodb 维护
如何释放空间? 1. 先用 remove 命令删除数据 2. repair.需要停机,即便你不停机的话 mongodb 自己也会锁住直到 repair 完成.注意要有足够的磁盘空间,需要额外一倍的空间 ...
- hiho #1361 Playfair密码表
题目1 : Playfair密码表 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 小Hi和小Ho经常用Playfair密码表加密自己的代码. 密码表是按以下步骤生成的. ...
- Python 学习笔记二
笔记二 :print 以及基本文件操作 笔记一已取消置顶链接地址 http://www.cnblogs.com/dzzy/p/5140899.html 暑假只是快速过了一遍python ,现在起开始仔 ...
- ubuntu15.10下编译安装wine1.8 rc4
ubuntu15.10下编译安装wine1.8rc4 Wine (“Wine Is Not an Emulator” 的递归缩写)是一个能够在多种 POSIX-compliant 操作系统(诸如 Li ...
- win7下配置Apache本地虚拟主机
我们有时候从网上下载下来的php源码很多都是应用在网站根目录下的,而我们又想在本地先测试一遍确定没有问题了再上传空间,但一换到子目录下的时候因为路径问题,使得许多图片.内容都无法显示. 这个时候我们就 ...
- 五步搞定Android开发环境部署——非常详细的Android开发环境搭建教程
在windows安装Android的开发环境不简单也说不上算复杂,本文写给第一次想在自己Windows上建立Android开发环境投入Android浪潮的朋友们,为了确保大家能顺利完成开发环境的搭 ...
- Python之virtualenv安装
CentOS 7 yum install python-virtualenv virtualenv --no-site-packages testenv #不依赖真实环境的packages用 --no ...
- Log4perl 的使用
Perl 使用Log4perl 首先下载log4 module : http://search.cpan.org/CPAN/authors/id/M/MS/MSCHILLI/Log-Log4perl- ...
- Angular中使用Rainbow
在使用js类库和框架的时候,大家都习惯于编写自己的使用示例,如果能将示例中的html,js和css 进行展示, 并进行高亮显示,效果会很棒,例如在html高亮显示jquery代码 上面的示例是使用ra ...