JavaScript学习(2):对象、集合以及错误处理
在这篇文章里,我们讨论一下JavaScript中的对象、数组以及错误处理。
1. 对象
对象是JavaScript中的一种基本类型,它内部包含一些属性,我们可以对这些属性进行增删操作。
1.1 属性
JavaScript中的值,有时会包括一些与其相关联的值,这些相关联的值,我们称之为属性。
访问属性
下面是一个非常简单的示例:
var a = "this is test";
print("type of a:" + typeof a);
print(a["length"]);
print(a.length); //输出结果
type of a:string
12
12
上述代码中,第3行和第4行的作用是一样的,都是输出a的长度。我们可以看到a是string类型的变量,它包含了一个名为length的属性,这个属性可以返回字符串的长度。当需要调用属性时,我们可以使用"变量名[属性名称]"的方式,也可以使用“变量名.属性名称”的方式。后者是前者的一个简写形式。
但是当属性命名以数字等开头时,我们只能以“[]”的形式来引用,例如:
var temp={"1":"a", "2":"b", "3":"c"};
print(temp["1"]);
//print(temp.1);
上述代码最后一行如果不注释掉,就会发生错误,因为“1”不符合JavaScript变量的命名规则。
在JavaScript中,对象由一个属性集合构成,每个属性的值还可以是一个属性集合,以此类推。
删除属性
当我们试图访问一个不存在的属性时,会返回undefined,我们可以通过delete操作来删除。另外我们可以使用in操作来判断属性是否存在。
来看下面的示例:
var temp={"1":"a", "2":"b", "3":"c"};
print(temp["1"]);
print("\'1\' in temp:" + ("1" in temp));
delete temp["1"];
print(temp["1"]);
print("\'1\' in temp:" + ("1" in temp));
//输出结果
a
'1' in temp:true
undefined
'1' in temp:false
可以看到,在使用了delete操作后,属性已经被删除了。
遍历属性
对于我们在程序中添加的属性,是可以通过循环的方式进行遍历的:
var temp={"1":"a", "2":"b", "3":"c"};
for(var name in temp){
print("temp["+name+"]="+temp[name])
}
print(temp);
//输出结果
temp[1]=a
temp[2]=b
temp[3]=c
[object Object]
非常有意思的是直接print对象时,输出的是[object,object]。
1.2 修改对象
JavaScript中也有值类型和引用类型之分,我们可以通过修改对象中属性的值来改变对象。
来看下面的示例:
var a={"start":10};
var b=a;
var c={"start":10};
print("a==b:" + (a==b));
print("a==c:" + (a==c));
print("a.start:" + a.start);
print("b.start:" + b.start);
print("c.start:" + c.start);
a.start=20;
print("a.start:" + a.start);
print("b.start:" + b.start);
print("c.start:" + c.start);
//输出结果
a==b:true
a==c:false
a.start:10
b.start:10
c.start:10
a.start:20
b.start:20
c.start:10
2. 数组
我们可以把对象看做是一个实体模型,它内部包含的信息作为属性存在。如果需要表示多个实体模型时,我们可以考虑使用集合。
我们使用"[]"来定义数组,来看下面的示例:
function arrayTest(){
var temp=["a","b","c"];
temp.push("d");
temp.push("e");
for(var i = 0; i < temp.length; i++){
print(temp[i]);
}
}
//输出结果
a
b
c
d
e
我们有两种方式向数组中添加元素:1)初始化数组时;2)使用push方法。
我们可以使用join方法将数组转换成一个字符串,也可以使用split方法将一个字符串转换成字符串数组,如下:
var temp=["a","b","c"];
temp.push("d");
temp.push("e");
print(temp.join(" "));
print(temp);
var a="a b c d e";
print(a.split(" ")); //输出结果
a b c d e
a,b,c,d,e
a,b,c,d,e
可以看到当我们直接print数组时,它输出了数组中的每一个元素,但我们print对象时,它并没有输出对象中的属性。
3. 错误处理
在编写程序时发生的错误可以分为两类:程序员错误和运行时错误。
对于程序员错误的处理策略,我们通常是期望程序尽快出错,这样可以弄清楚哪里出了问题。同时我们也可以采取防御性编程,例如添加输入检查。
对于运行时错误,我们应该尽量对错误进行处理,例如回滚,尽量避免程序崩溃。
3.1 处理错误的方式
在JavaScript中,我们有几种方式可以用来处理错误。
返回特殊值
对于不符合业务逻辑的输入,我们可以返回一个特殊值,例如undefined,这样可以提示用户方法的返回值是不正常的。
例如我们在JavaScript学习(1):基础中提到的学习成绩分类的示例,对于输入的分数大于100或者小于0的情况,明显不符合正常的业务,我们可以返回undefined。
这种错误处理方式的坏处:1)如何确定特殊的返回值,如果undefined在某种情况下也是正常业务的返回值,那么我们如何处理?2)需要函数的调用方知道特殊的返回值,并且在每次调用的时候,对特殊返回值进行处理。
异常
我们可以通过throw、try...catch的方式来实现异常处理,下面是一个简单示例:
function divide(a,b){
if (b == 0) throw "can not divide 0";
return a/b;
}
function errorTest(){
try{
divide(1,0);
}
catch(error){
print("error occurs:" + error);
}
}
//输出结果
error occurs:can not divide 0
我们可以自定义Error对象,这样在catch时,可以更加细化的处理指定的异常。如下示例:
var zeroError = new Error("can not divide 0");
function errorTest(){
try{
throw new Error("test");
divide(1,1);
}
catch(error){
if (error==zeroError){
print("error occurs:" + error.message);
}
else{
print(error.message);
}
}
}
//输出结果
test
我们可以在catch后面添加finally语句,和Java一样,可以在finally语句中释放资源,恢复业务状态等操作。
JavaScript学习(2):对象、集合以及错误处理的更多相关文章
- Javascript学习4 - 对象和数组
原文:Javascript学习4 - 对象和数组 在Javascript中,对象和数组是两种基本的数据类型,而且它们也是最重要的两种数据类型. 对象是已命名的值的一个集合,而数组是一种特殊对象,它就像 ...
- JavaScript学习04 对象
JavaScript学习04 对象 默认对象 日期对象Date, 格式:日期对象名称=new Date([日期参数]) 日期参数: 1.省略(最常用): 2.英文-数值格式:月 日,公元年 [时:分: ...
- JavaScript学习笔记——对象知识点
javascript对象的遍历.内存分布和封装特性 一.javascript对象遍历 1.javascript属性访问 对象.属性 对象[属性] //字符串格式 //javascript属性的访问方法 ...
- javascript jquery封装对象时的错误,求解!我想知道为什么
jquery 封装对象时的错误 --------------------------------------------<input id="name" name=&qu ...
- JavaScript学习笔记-对象
枚举对象的属性:通常用for(...in...)来循环遍历,由于 for in 总是要遍历整个原型链,因此如果一个对象的继承层次太深的话会影响性能 for(var i in foo){ if(foo. ...
- JavaScript学习笔记——对象基础
javascript对象基础 一.名词解释: 1.基于对象 一切皆对象,以对象的概念来编程. 2.面向对象编程(oop Object oriented programming) A.对象 就是人们要研 ...
- JavaScript学习笔记——对象分类
对象的分类 一.对象的分类 1.内置对象 Global Math 2.本地对象 Array Number String Boolean Function RegExp 3.宿主对象 DOM BOM 二 ...
- JavaScript学习之对象
JavaScript对象 一.对象简介 JavaScript 是面向对象的编程语言 (OOP).OOP 语言使我们有能力定义自己的对象和变量类型.注意:对象只是一种特殊的数据.对象拥有属性和方法. 1 ...
- JavaScript学习笔记——对象的创建
对象是JavaScript基本数据类型,在JavaScript中除了Undefined.Null.布尔型(ture.false).字符串和数字之外,其他的都属于对象. 在JavaScript中,一个对 ...
- JavaScript学习——JS对象和全局函数
1. Array对象 数组的特点:长度可变!数组的长度=最大角标+1 2.Boolean对象 如果value 不写,那么默认创建的结果为false 3.Date对象 getTime()返回1970年1 ...
随机推荐
- iOS苹果企业证书被撤销以及启用与管理
在国内, 积分墙以及各大助手(爱思助手, 91苹果助手, XY苹果助手, PP助手, 快用助手)等业务领域都在使用,苹果对证书的使用越来越严格.简单的分析一下,证书被封的原因. 一般证书被封会收到 ...
- 关于移动开发的一些想法和认识--Android和iOS
微信公众账号很久没更新了,发一点自己最近的想法和内容. 之前和朋友做了一个项目,现在在跟一些风投,大公司里面的几家在谈合作和投资的事宜,从这个过程中也了解到了一些信息. 关于移动平台的应用开发与游戏开 ...
- setTimeout,clearTimeout和setInterval
http://www.cnblogs.com/backuper/archive/2009/12/02/1615129.html var timeout; timeout = setTimeout(hi ...
- Windows Server 2012 R2 里面如何安装Net Framework 3.5
图示 不要慌,和windows是不一样的,没有问题 下一步 默认即可,下一步 这里面的东西以后会装,先不管,我们今天目的是装 net framework 3.5 选一下 正在安装 如果出错了请参考: ...
- oc连接signalr,各种填坑
在网上搜了signalr的oc客户端,基本上都指向同一个东西https://github.com/DyKnow/SignalR-ObjC 但是这个也有日子没更新了,用cocoapods安装下来是编译不 ...
- 学习ng2,从zonejs开始(非官方翻译) ----angular2系列(一)
Zone是什么: 官方解释:zone.js为JavaScript提供了执行上下文,可以在异步任务之间进行持久性传递. 最开始我一直没理解到这句话,学习过程中我也因为自己的一些失误而一直纠结徘徊,情况是 ...
- 帮助你实现漂亮界面的14套免费的 HTML/CSS 源码
在网络上能找很多免费的 PSD 格式素材,但是很少有 HTML/CSS 界面组件下载.在这篇文章中,收集了14套免费的 HTML/CSS 界面源码分享给前端设计师和开发者们.这些组件包括按钮.滑块.表 ...
- Linux下通过源码编译安装程序
本文简单的记录了下,在linux下如何通过源码安装程序,以及相关的知识.(大神勿喷^_^) 一.程序的组成部分 Linux下程序大都是由以下几部分组成: 二进制文件:也就是可以运行的程序文件 库文件: ...
- Linux 小工具学习之(1)——Wget十例[翻译]
在本博文中我们将学习一下wget这个工具.wget可以使用HTTP.HTTPS.和FTP等常见网络协议来从万维网(WWW)获取文件(从它的名字来源也可以看出 World Wide Web Get -& ...
- block,inline,inline-block的区别
block: 英语翻译过来是“块”意思,就跟小时候玩过的积木方块一样,一块一块往上搭. inline: 英语翻译过来就是“内联”的意思,内联不好理解,我的理解就是行内元素: block和inline都 ...