《JavaScript和jQuery实战手册(原书第2版)》——2.10节对象的简单介绍

2.10 对象的简单介绍
到目前为止,我们在本书中了解到,可以使用document.write()命令将一些内容写到Web页面中,可以确定一个数组中有多少个项目,只要输入数组的名字,后面跟着一个点号和单词“length”就可以了,例如,days.length。你可能会问,这些点号是干什么的?我们已经在不知道JavaScript的这一特殊语法的情况下学习3章内容了,现在该来了解一下它了。
对于JavaScript语言的很多元素,我们已经建立起了概念,包括Web页面的元素,也就是对象。当然,实际生活中也充满了对象,例如,狗和小汽车。大多数对象都由不同的部分组成:狗有尾巴、脑袋和4条腿;小汽车有车门、车轮、头灯、喇叭等。一个对象可以做一些事:例如小汽车可以运送乘客,狗可以吠叫。实际上,即便对象的一个部分也能做些事情:例如,尾巴可以摆动,喇叭可以鸣响。表2-7展示对象、对象的部分和对象的行为之间的关系。
表2-7:实际生活中对象的一个简化表示

JavaScript的世界也充满了对象:浏览器窗口、文档、字符串、数值和日期,这只是几个例子。和现实世界的对象一样,JavaScript对象也由不同的部分组成。用编程的术语来说,对象的这些部分叫做属性。对象能够执行的行为叫做方法,也就是特定于一个对象的函数(就像内置的alert()函数),参见表2-8。
注意: 你总是可以将属性和方法区分开来,因为方法以一对圆括号结束,例如write()。
JavaScript中的每个对象都有自己的一组属性和方法。例如,数组对象有一个名为length的属性,文档对象有一个名为write()的方法。要访问一个对象的属性,或者执行它的某个方法,使用点语法,也就是点号。点号将对象及其属性和方法连接起来。例如,document.write()表示“运行document对象的write()方法”。如果现实世界也如此,可以像这样让一条狗来摇尾巴:dog.tail.wag()(当然,在实际生活中,狗干得比这好很多)。
表2-8:两个JavaScript对象(文档对象和数组)的一些方法和属性

就像在实际生活中你可能养几条狗一样,JavaScript程序也可以有同一种对象的多个版本。例如,假设创建了如下的两个简单变量:

var first_name = 'Jack';
var last_name = 'Hearts';.

实际上,这创建了两个不同的字符串对象。字符串有自己的一组属性和方法,这些和其他对象(例如,日期对象,将在本书14.4节介绍)的方法和属性不同。当你创建了一个对象(也叫做创建了该对象的一个实例),可以访问该对象的所有属性和方法。
注意: 我们已经遇到过另一个对象,它叫做window对象,表示浏览器窗口本身。它基本上是Web页面以及页面上的所有其他内容的容器对象。例如,alert()和prompt()都是窗口对象的方法,并且可以写成这样:window.alert()和window.prompt()。然而,既然窗口对象总是表示一个Web页面,那么可以省略其名称,因此,alert('hello')和window.alert('hello')是一样的。
无论何时,当你创建一个新的变量并向其中存储一个值的时候,实际上都创建了特定类型的对象的一个实例。因此,如下的JavaScript代码,每一行都创建了不同类型的JavaScript对象:

var first_name = 'Bob'; // a string object
var age = 32; // a number object
var valid = false; // a Boolean object
实际上,当你修改变量中存储的信息的类型的时候,也修改了其对象的类型。例如,如果你创建了一个名为data的变量,用来存储一个数组,然后,将一个数值存入该变量,你已经将变量的类型从一个数组修改为一个数值对象:
var data = false; // a Boolean object
data = 32; //changes to number object
对象、属性、方法和点语法的概念,初看上去有点奇怪。然而,由于它们是关系到JavaScript如何工作的基础概念,并且也是使用jQuery所必需的,因此,你将会很快熟悉它们。
提示:   JavaScript包含了一个特殊的关键字,用来判断对象的类型(字符串、数值、Boolean等)。它叫做typeof操作符,并且放在要确定其中的对象的类型的那个变量的前面。例如:
var data = 32;
alert(typeof data); // "number" appears in alert window

随着你继续阅读本书,请记住下面的几点:
JavaScript的世界充满了很多不同类型的对象。
每个对象有自己的属性和方法。
使用点语法来访问对象的属性或调用对象的方法,例如,document.write()。

时间: 2024-10-02 06:42:08

《JavaScript和jQuery实战手册(原书第2版)》——2.10节对象的简单介绍的相关文章

《JavaScript和jQuery实战手册(原书第3版)》---第1章 编写第一个JavaScript程序 1.1 编程简介

本节书摘来自华章出版社<JavaScript和jQuery实战手册(原书第3版)>一书中的第1章,第1.1节,作者David Sawyer McFarland,姚待艳 李占宣 译,更多章节内容可以访问"华章计算机"公众号查看. 第1章 编写第一个JavaScript程序 HTML自身并没有太多智能:它不能做数学运算,不能判断某人是否正确填写了一个表单,而且不能根据Web访问者的交互来做出判断.基本上,HTML让人们阅读文本.观看图片或视频,并且单击链接转向拥有更多文本.图片

《JavaScript和jQuery实战手册(原书第2版)》——导读

目 录 第一部分:JavaScript 入门第1章 编写第一个JavaScript 程序1.1 编程简介1.2 如何把JavaScript 添加到页面1.3 第一个JavaScript 程序1.4 把文本写到Web 页面上1.5附加外部JavaScript 文件1.6追踪错误第2章 JavaScript 的语法2.1 语句2.2 内置函数2.3 数据类型2.4 变量2.5 操作数据类型和变量2.6 教程:使用变量创建消息2.7 教程:请求信息2.8 数组2.9 教程:编写使用数组的页面2.10

《JavaScript和jQuery实战手册(原书第2版)》——2.11节注释

2.11 注释 有的时候,当你思考编程的时候,会觉得自己理解程序中所进行的所有事情.代码的每一行都有意义,并且更好的是,它们还都能工作.但是,一个月或两个月以后,当你的老板或客户请你对自己所编写的漂亮脚本做一个更改或添加一项新功能的时候,你可能会看着似曾相识的JavaScript代码抓耳挠腮:这个变量的作用是什么?为什么我要这样写程序呢?程序的这一段做什么事情呢? 我们很容易忘记一个程序是如何工作的以及为什么按照这样的方式来编写代码.好在大多数编程语言为程序员提供了一种方法,使得他们可以给自己或

《JavaScript和jQuery实战手册(原书第2版)》——1.1节编程简介

1.1 编程简介对于很多人来说,"计算机编程"使他们脑海里浮现出这样的情景:拥有超常智慧的家伙在键盘前弯腰而坐,连续数小时飞快地敲击着几乎难以理解的.含混不清的语言.确实,某些编程工作就是那样的.编程可能像是非凡之人表演的复杂魔术.虽然很多编程概念很难掌握,但是,在编程语言中,JavaScript对于非程序员来说算是相对友好的.然而,JavaScript比HTML或CSS都要复杂,并且,对于Web设计者来说,编程往往是一个陌生的世界.因此,本书的目标之一是帮助你像一个程序员一样思考.在

《JavaScript和jQuery实战手册(原书第2版)》——3.5节教程:一个简单测验

3.5 教程:一个简单测验是时候把本章学习的内容组合到一起来创建一个完整的程序了.在这个教程中,我们将创建一个简单测验系统,它提出问题并评估参加测验者的表现.首先,本节将看看可能解决这个问题的一些方式,并且讨论编程的高效技巧.第一步总是搞清楚程序要做什么.下面是我们希望程序完成的一些事情:询问问题.如果我们想要测验一个人,需要一种方式向他提出问题.此时,我们知道从Web页面获取反馈的一种简单方法:prompt()命令.此外,我们需要一个问题列表,既然数组可以很好地用来存储信息列表,那么我们将使用

《JavaScript和jQuery实战手册(原书第2版)》——3.4节函数:把有用的代码转换为可复用的命令

3.4 函数:把有用的代码转换为可复用的命令 假设在工作中你刚刚得到一位新的助理,来帮助你完成每项任务(这时候应该把本书归类为"玄幻小说"了).假设你饿了想吃披萨饼,但助理是新来到这座大楼和这个区域的,你必须给他清楚的指示:"出门右转,乘电梯到1层,走出大楼--"等.助手按照你的指示并且买来了一块披萨饼.几个小时之后,你又饿了,还想吃更多的披萨饼.现在,你不需要再次复述整个指示("出门右转,乘电梯到1层,走出大楼--").这次,助手知道到哪里去购

《JavaScript和jQuery实战手册(原书第2版)》——1.2节如何把JavaScript添加到页面

1.2 如何把JavaScript添加到页面 Web浏览器可以理解HTML和CSS,并且能够把这些语言转换为屏幕上可视化的显示.Web浏览器中能够理解HTML和CSS的部分叫做布局或渲染引擎.但大多数浏览器还拥有一种叫做JavaScript解释器的工具.它是浏览器的一部分,可以理解JavaScript并且执行一个JavaScript程序的步骤.既然Web浏览器通常期待HTML,当JavaScript出现的时候,必须使用<script>标签明确地告诉浏览器. <script>标签是常

《JavaScript和jQuery实战手册(原书第2版)》——3.1节使程序智能地响应

3.1 使程序智能地响应 我们的生活充满了选择:"我今天穿什么"."午餐吃什么"."星期五晚上该干什么"等.我们所做的很多选择取决于某个条件.例如,假设确定想要在星期五晚上看电影,我们可能会问自己一堆问题,例如,"有什么好的电影上映吗" ."电影能够准时开演吗" ."我带了足够的钱去电影院吗"(买一袋爆米花要17块钱). 假设有一场电影刚好在我们去的时候上映.我们就会问自己一个简单的问题

《JavaScript和jQuery实战手册(原书第2版)》——1.3节第一个JavaScript程序

1.3 第一个JavaScript程序 学习JavaScript的最佳方式是进行实际的编程.在本书中,你将会看到很多动手实践的教程,它们带领你一步一步地经过创建JavaScript程序的过程.要开始练习教程,我们需要一个文本编辑器(参见前言的"用于JavaScript编程的软件"部分的介绍).一个Web浏览器以及位于www.sawmac.com/js2e的练习文件(参见下面的"注意"部分的完整说明). 注意: 本章的教程需要本书Web站点www. sawmac.co