《JavaScript高级程序设计》 - 读书笔记 - 第5章 引用类型
5.1 Object 类型
对象是引用类型的实例。引用类型是一种数据结构,用于将数据和功能组织在一起。
新对象是使用new操作符后跟一个构造函数来创建的。构造函数本身就是一个函数,只不过该函数是出于创建新对象的目的而定义的。
示例1:
var person = new Object();
分析:这行代码创建了Object引用类型的一个新实例,然后把该实例保存在了变量person中。使用的构造函数是Object,它为新对象定义了默认的属性和方法。
Object类型是ECMAScript中使用最多的类型。对于在应用程序中存储和传输数据而言,它确实是非常理想的选择。
创建Object实例有两种方法,一个是new Object()的方法,另一种是使用对象字面值表示法。
示例2:使用对象字面值来创建person对象
var person = {
name : "Nicholas",
age : 29
};
使用对象字面值的好处在于简化创建包含大量属性的对象的过程。
在使用对象字面值时,属性名也可以使用字符串。
示例3:
var person = {
"name" : "Nicholas",
"age" : 29,
5 : true
};
分析:person对象包含三个属性:name、age和5。数值属性名会自动转换为字符串。
在使用对象字面值时,如果花括号内为空,则可以定义只包含默认属性和方法的对象。
示例4:
var person = {}; // 与 new Object()相同
开发人员更青睐于使用对象字面值来创建对象,因为这种语法要求的代码量少,而且能够给人封装数据的感觉。
实际上,对象字面值也是向函数传递大量参数的首选方式。
示例5:向函数传递参数
function displayInfo(args){
var output = "";
if(typeof args.name == "string"){
output += "Name: " + args.name + "\n";
}
if(typeof args.age == "number"){
output += "Age: " + args.age + "\n";
}
}
displayInfo({
name: "Nicholas",
age : 29
});
displayInfo({name : 29});
分析:函数接受一个名为args的参数。这个参数可能带有一个名为name或age的属性,也可能两个属性都有或者都没有。这里调用了两次函数,每次都是用对象字面值来指定不同的数据。虽然两次调用传递的参数不同,但函数都能正常工作。
一般来说,命名参数虽然容易处理,但在有多个可选参数的情况下就会显得不灵活。最好的做法是对那些必需值使用命名参数,而使用对象字面值来封装多个可选参数。
访问对象属性一般用点表示法,但在JavaScript中也可以使用方括号表示法。
在使用方括号表示法时,应该将要访问的属性以字符串的形式放在方括号中。
示例6:
alert(person["name"]);
alert(person.name);
从功能上看,这两种方式没有区别,但方括号语法的主要优点是可以通过变量来访问属性。
示例7:通过变量来访问对象属性
var myName = "name";
alert(person[myName]);
如果属性名中包括会导致语法错误的字符串,或者属性名为关键字,也可以使用方括号表示法。
示例8:
person["first name"] = "Nicholas";
分析:由于"first name"中包含一个空格,所以不能使用点表示法来访问它。
由于属性名中是可以包含非字母非数字的,这时就需要方括号表示法来访问它们。
通常,除非必须使用变量来访问属性,否则建议使用点表示法。
《JavaScript高级程序设计》 - 读书笔记 - 第5章 引用类型的更多相关文章
- Javascript高级程序设计读书笔记(第二章)
第二章 在HTML中使用Javascript 2.1<script>元素 延迟脚本(defer = "defer")表明脚本在执行时不会影响页面的构造,脚本会被延迟到 ...
- JavaScript高级程序设计学习笔记第五章--引用类型(函数部分)
四.Function类型: 1.函数定义的方法: 函数声明:function sum (num1, num2) {return num1 + num2;} 函数表达式:var sum = functi ...
- JavaScript高级程序设计学习笔记第五章--引用类型
一.object类型 1.创建object类型的两种方式: 第一种,使用构造函数 var person = new Object();或者是var person={};/与new Object()等价 ...
- javascript高级程序设计读书笔记
第2章 在html中使用javascript 一般都会把js引用文件放在</body>前面,而不是放在<head>里, 目的是最后读取js文件以提高网页载入速度. 引用js文 ...
- javascript高级程序设计读书笔记-事件(一)
读书笔记,写的很乱 事件处理程序 事件处理程序分为三种: 1.html事件2. DOM0级,3,DOM2级别 没有DOM1 同样的事件 DOM0会顶掉html事件 因为他们都是属性 而 ...
- JavaScript高级程序设计 读书笔记
第一章 JavaScript 简介 第二章 Html中使用JavaScript 第三章 基本概念 第四章 变量,作用域,内存 第五章 引用类型 第六章 面向对象 第七章 函数表达式 第八章 BOM 第 ...
- JavaScript高级程序设计-读书笔记(1)
第1章 JavaScript简介 JavaScript是一种专为与网页交互而设计的脚本语言,由下列三个不同的部分组成: l ECMAScript:提供核心语言功能: l 文 ...
- javascript高级程序设计 读书笔记2
第五章 引用类型 对象是引用类型的实例,引用类型是一种数据结构,将数据和功能组织在一起.描述的是一类对象所具有的属性和方法.对象是某个特定引用类型的实例,新对象是使用new操作符后跟一个构造函数俩创建 ...
- Javascript高级程序设计读书笔记(第六章)
第6章 面向对象的程序设计 6.2 创建对象 创建某个类的实例,必须使用new操作符调用构造函数会经历以下四个步骤: 创建一个新对象: 将构造函数的作用域赋给新对象: 执行构造函数中的代码: 返回新 ...
- JavaScript高级程序设计 读书笔记 第一章
JavaScript是一种专门为与网页交互而设计的脚本语言 JavaScript实现 ECMAscript---核心 DOM---文档对象模型 BOM---浏览器对象模型
随机推荐
- mvc中form表单提交的几种形式
第一种方式:submit 按钮 提交 <form action="MyDemand" method="post"> <span>关键字: ...
- ASP.NET MVC之路由深究
MVC的强大之处之一当然是路由,这是几年前一位牛人给我说过的话,本人深感认同.今天就再次探究. 首先新建一个空的MVC项目,我们会发现在RouteConfig类中存在一个默认的路由配置,通常我会在这里 ...
- html5视频播放插件
对于HTML5提供的新特性,给前端开发者带来了巨大的激情与动力,减轻了开发者的代码累赘,大大提高了网站性能以及网页的渲染效果.对于低版本的浏览器,由于生产厂商的原因,许多PC端低版本的浏览器还不兼容H ...
- 深入浅出React Native 3: 从零开始写一个Hello World
这是深入浅出React Native的第三篇文章. 1. 环境配置 2. 我的第一个应用 将index.ios.js中的代码全部删掉,为什么要删掉呢?因为我们准备从零开始写一个应用~学习技术最好的方式 ...
- Linux SSH登录慢案例分析
手头有台Linux服务器ssh登录时超级慢,需要几十秒.其它服务器均没有这个问题.平时登录操作都默默忍了.今天终于忍不住想搞清楚到底什么原因.搜索了一下发现了很多关于ssh登录慢的资料,于是自己也学着 ...
- 业务监控-指标监控(v1)
最近做了指标监控系统的后台,包括需求调研.代码coding.调试调优测试等,穿插其他杂事等前后花了一个月左右. 指标监控指的是用户通过接口上传某些指标信息,并且通过配置阈值公式和告警规则等信息监测自己 ...
- SCCM 2012 R2安装部署过程和问题(二)
上篇:SCCM 2012 R2安装部署过程和问题(一) 在上篇我们已经完成了SCCM 2012 R2安装前的准备,其中有许多细节,关于数据库的准备和权限的设置是需要特别注意的.那么接下来我们开始安装S ...
- 解决undefined reference to `__poll_chk@GLIBC_2.16' 错误
出现这个错误,是系统的glibc版本太低了,需要更新 到http://ftp.gnu.org/gnu/glibc/下载新版本的glibc,也不用太高,我选择glibc-2.20.tar.gz 解压 ...
- charles 抓取eclipse中的请求
charles抓取eclipse中的请求 有时候,想要监测eclipse中发送get获取post请求,一样可以使用代理方式: 1.eclipse代码设置 代码中添加,可以就写在主函数中,然后再调用请求 ...
- hdu 5641 King's Phone
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5641 题目类型:水题 题目思路:将点x到点y所需要跨过的点存入mark[x][y]中(无需跨过其它点存 ...