📄 js4.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0055)http://www.pinluo.com/book/javascript/js4.htm -->
<HTML><HEAD><TITLE>第四讲 基于对象的JavaScript语言 - 品络科技 pinluo.com</TITLE>
<META http-equiv=Content-Language content=zh-cn>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1476" name=GENERATOR></HEAD>
<BODY>
<DIV align=center>
<TABLE id=table1 height=607 cellSpacing=0 cellPadding=0 width=800
background=js4.files/sc1.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE id=table2 cellSpacing=0 cellPadding=0 width=560 border=0>
<TBODY>
<TR>
<TD>
<P align=center>
<P align=center> </P></TD></TR>
<TR>
<TD>
<P align=center><IMG height=34 src="js4.files/sc.jpg" width=226
border=0></P></TD></TR>
<TR>
<TD>
<P align=center>
<P align=center><FONT color=#ff0000>第四讲 基于对象的JavaScript语言</FONT>
<P> <FONT
size=2>JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。</FONT>
<P><FONT size=2>
虽然JavaScript语言是一门基于对象的，但它还是具有一些面向对象的基本特征。它可以根据需要创建自己的对象，从而进一步扩大JavaScript的应用范围，增强编写功能强大的Web文档。</FONT>
<P><FONT size=2>一、对象的基础知识</FONT>
<P><FONT size=2>1.对象的基本结构</FONT>
<P><FONT size=2>
JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。前者是对象在实施其所需要行为的过程中，实现信息的装载单位，从而与变量相关联；后者是指对象能够按照设计者的意图而被执行，从而与特定的函数相联。</FONT>
<P><FONT size=2>2.引用对象的途径</FONT>
<P><FONT size=2>
一个对象要真正地被使用，可采用以下几种方式获得：<BR> 引用JavaScript内部对象；
<BR> 由浏览器环境中提供； <BR> 创建新对象。
<BR>
这就是说一个对象在被引用之前，这个对象必须存在，否则引用将毫无意义，而出现错误信息。从上面中我们可以看出JavaScript引用对象可通过三种方式获取。要么创建新的对象，要么利用现存的对象。</FONT>
<P><FONT size=2>3.有关对象操作语句</FONT>
<P><FONT size=2>
JavaScript不是一纯面向对象的语言，它设有提供面向对象语言的许多功能，因此JavaScript设计者之所以把它你“基于对象”而不是面向对象的语言，在JavaScript中提供了几个用于操作对象的语句和关键字及运算符。</FONT>
<P><FONT size=2>
（1）For...in语句<BR> 格式如下：<BR>
For（对象属性名 in 已知对象名）<BR> 说明：<BR>
该语句的功能是用于对已知对象的所有属性进行操作的控制循环。它是将一个已知对象的所有属性反复置给一个变量；而不是使用计数器来实现的。
<BR> 该语句的优点就是无需知道对象中属性的个数即可进行操作。
<BR> 例：下列函数是显示数组中的内容：<BR>
Function showData(object)<BR> for (var X=0;
X<30;X++)<BR>
document.write(object[i])；<BR>
该函数是通过数组下标顺序值，来访问每个对象的属性，使用这种方式首先必须知道数组的下标值，否则若超出范围，则就会发生错误。而使For...in语句，则根本不需要知道对象属性的个数，见下：<BR>
Function showData(object)<BR> for(var prop in
object)<BR>
document.write(object[prop])；<BR>
使用该函数时，在循环体中，For自动将的属性取出来，直到最后为此。</FONT>
<P><FONT size=2> （2）with语句 <BR>
使用该语句的意思是：在该语句体内，任何对变量的引用被认为是这个对象的属性，以节省一些代码。<BR>
with object{<BR> ...}<BR>
所有在with语句后的花括号中的语句，都是在后面object对象的作用域的。</FONT>
<P><FONT size=2> （3）this关键字 <BR>
this是对当前的引用，在JavaScript由于对象的引用是多层次，多方位的，往往一个对象的引用又需要对另一个对象的引用，而另一个对象有可能又要引用另一个对象，这样有可能造成混乱，最后自己已不知道现在引用的那一个对象，为此JavaScript提供了一个用于将对象指定当前对象的语句this。</FONT>
<P><FONT size=2>（4）New运算符 <BR>
虽然在JavaScript中对象的功能已经是非常强大的了。但更强大的是设计人员可以按照需求来创建自己的对象，以满足某一特定的要求。使用New运算符可以创建一个新的对象。其创建对象使用如下格式：<BR>
Newobject=NEW Object(Parameters table);<BR>
其中Newobject创建的新对象：object是已经存在的对象； parameters
table参数表；new是JavaScript中的命令语句。<BR>
如创建一个日期新对象<BR> newData=New
Data()<BR> birthday=New Data (December
12.1998)<BR>
之后就可使NewData、birthday作为一个新的日期对象了。<BR></FONT>
<P><FONT size=2>4.对象属性的引用</FONT>
<P><FONT size=2> 对象属性的引用可由下列三种方式之一实现：</FONT>
<P><FONT size=2>
（1）使用点（.）运算符<BR>
university.Name=“云南省”<BR>
university.city=“昆明市”<BR>
university.Date="1999"<BR>
其中university是一个已经存在的对象，Name、City、Date是它的三个属性，并通过操作对其赋值。</FONT>
<P><FONT size=2>
（2）通过对象的下标实现引用<BR>
university[0]=“云南”<BR>
university[1]=“昆明市”<BR>
university[2]="1999"<BR>
通过数组形式的访问属性，可以使用循环操作获取其值。<BR> function
showunievsity(object)<BR> for (var j=0;j<2;
j++)<BR>
document.write(object[j])<BR>
若采用For...in则可以不知其属性的个数后就可以实现：<BR> Function
showmy(object)<BR> for (var prop in
this)<BR> docament.write(this[prop]);</FONT>
<P><FONT size=2>
（3）通过字符串的形式实现<BR>
university["Name"]=“云南”<BR>
university["City"]=“昆明市”<BR>
university["Date"]="1999"</FONT>
<P><FONT size=2>5.对象的方法的引用</FONT>
<P><FONT size=2>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -