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章 引用类型的更多相关文章

  1. Javascript高级程序设计读书笔记(第二章)

    第二章  在HTML中使用Javascript 2.1<script>元素 延迟脚本(defer = "defer")表明脚本在执行时不会影响页面的构造,脚本会被延迟到 ...

  2. JavaScript高级程序设计学习笔记第五章--引用类型(函数部分)

    四.Function类型: 1.函数定义的方法: 函数声明:function sum (num1, num2) {return num1 + num2;} 函数表达式:var sum = functi ...

  3. JavaScript高级程序设计学习笔记第五章--引用类型

    一.object类型 1.创建object类型的两种方式: 第一种,使用构造函数 var person = new Object();或者是var person={};/与new Object()等价 ...

  4. javascript高级程序设计读书笔记

    第2章  在html中使用javascript 一般都会把js引用文件放在</body>前面,而不是放在<head>里, 目的是最后读取js文件以提高网页载入速度. 引用js文 ...

  5. javascript高级程序设计读书笔记-事件(一)

    读书笔记,写的很乱   事件处理程序   事件处理程序分为三种: 1.html事件2. DOM0级,3,DOM2级别  没有DOM1 同样的事件 DOM0会顶掉html事件   因为他们都是属性  而 ...

  6. JavaScript高级程序设计 读书笔记

    第一章 JavaScript 简介 第二章 Html中使用JavaScript 第三章 基本概念 第四章 变量,作用域,内存 第五章 引用类型 第六章 面向对象 第七章 函数表达式 第八章 BOM 第 ...

  7. JavaScript高级程序设计-读书笔记(1)

    第1章 JavaScript简介 JavaScript是一种专为与网页交互而设计的脚本语言,由下列三个不同的部分组成: l        ECMAScript:提供核心语言功能: l        文 ...

  8. javascript高级程序设计 读书笔记2

    第五章 引用类型 对象是引用类型的实例,引用类型是一种数据结构,将数据和功能组织在一起.描述的是一类对象所具有的属性和方法.对象是某个特定引用类型的实例,新对象是使用new操作符后跟一个构造函数俩创建 ...

  9. Javascript高级程序设计读书笔记(第六章)

    第6章  面向对象的程序设计 6.2 创建对象 创建某个类的实例,必须使用new操作符调用构造函数会经历以下四个步骤: 创建一个新对象: 将构造函数的作用域赋给新对象: 执行构造函数中的代码: 返回新 ...

  10. JavaScript高级程序设计 读书笔记 第一章

    JavaScript是一种专门为与网页交互而设计的脚本语言 JavaScript实现 ECMAscript---核心 DOM---文档对象模型 BOM---浏览器对象模型

随机推荐

  1. 微信小程序开发总结

    一.设计 无需开发者开发的 1.小程序加载动画: 2.页面下拉刷新加载样式: 3.微信控件(拥有完整的操作反馈):如弹出框.通知.模态框...   建议用微信自己的 1.加载.反馈样式(全局.局部) ...

  2. HTML5学习之 开发工具

    Notepad++.Editplus 是常用的开发编辑器.这些在Window系统下,比较容易找到,但是在MAC系统下,有的是收费的,有的是不支持.我开发的时候,用的是TextWrangler,如图: ...

  3. Android UI:ListView -- SimpleAdapter

    SimpleAdapter是扩展性最好的适配器,可以定义各种你想要的布局,而且使用很方便. layout : <?xml version="1.0" encoding=&qu ...

  4. 数据结构->直接插入排序

    数据结构->直接插入排序 实现效果 从小到大排序 算法原理 有一个已经有序的数据序列,要求在这个已经排好的数据序列中插入一个数,但要求插入后此数据序列仍然有序. 算法步骤 从第一个元素开始,该元 ...

  5. Android 热修复技术(1)---原理

    热修复技术分为几部分: 原理介绍 Android HotFix源码分析 自定义框架 1.Android分包MultiDex原理 首先Dex是什么东西? Dex就是Window里面的exe文件 也就是可 ...

  6. Erlang 虚拟机内的内存管理(Lukas Larsson演讲听写稿)

    Erlang核心开发者Lukas Larsson在2014年3月份Erlang Factory上的一个演讲详细介绍了Erlang内存体系的原理以及调优案例: http://www.erlang-fac ...

  7. Windows系统下Oracle每天自动备份

    linux和unix下面使用shell可以很方便实现,如果windows环境下可以结合计划任务实现 创建备份目录d:\backup, 创建批处理命令Bak.bat,编写备份脚本 exp user/pa ...

  8. 从零自学Hadoop(01):认识Hadoop

    本文版权归mephisto和博客园共有,欢迎转载,但须保留此段声明,并给出原文链接,谢谢合作. 文章是哥(mephisto)写的,SourceLink 阅读目录 序 Hadoop 项目起源 优点 核心 ...

  9. Content-Type 之 application/json 与 text/javascript

    我们一般在服务端返回 json 格式数据给浏览器端时,会使用下面的代码: response.setContentType("text/javascript;charset=UTF-8&quo ...

  10. Linux IPC udp/tcp/UNIX域 socket编程

    UNIX域套接字本地通信即在socket第一个参数中选择AF_LOCAL,socket是BSD提出的一种适用于所有的情况的进程间通信的方式,虽然现在多用于网络通信,但是本机内的进程间通信也是没有问题的 ...