首页  >  文章  >  web前端  >  JavaScript教程之初识对象

JavaScript教程之初识对象

黄舟
黄舟原创
2016-12-22 15:45:171158浏览

JavaScript 语言是基于对象的(Object-Based ),而不是面向对象的(object-oriented )。之所以说它是一门基于对象的语言,主要是因为它没有提供象抽象、 继承、 重载等有关面向对象语言的许多功能。 而是把其它语言所创建的复杂对象统一起来,从而形成一个非常强大的对象系统。

虽然 JavaScript 语言是一门基于对象的, 但它还是具有一些面向对象的基本特征。 它可以根据需要创建自己的对象, 从而进一步扩大 JavaScript 的应用范围,增强编写功能强大的 Web 文档。

对象的基础知识

1、对象的基本结构

JavaScript 中的对象是由属性(properties) 和方法(methods)两个基本的元素的构成的。前者是对象在实施其所需要行为的过程中,实现信息的装载单位, 从而与变量相关联; 后者是指对象能够按照设计者的意图而被执行, 从而与特定的函数相联。


2、引用对象的途径

一个对象要真正地被使用,可采用以下几种方式获得:引用 JavaScript 内部对象、由浏览器环境中提供和创建新对象。这就是说一个对象在被引用之前, 这个对象必须存在, 否则引用将毫无意义,而出现错误信息。 从上面中我们可以看出 JavaScript 引用对象可通过三种方式获取。要么创建新的对象,要么利用现存的对象。


3、有关对象操作语句

JavaScript 不是一纯面向对象的语言, 它设有提供面向对象语言的许多功能,因此 JavaScript 设计者之所以把它你“ 基于对象” 而不是面向对象的语言,在JavaScript 中提供了几个用于操作对象的语句和关键字及运算符。

For...in 语句

格式如下:

For (对象属性名 in 已知对象名)

说明:1、该语句的功能是用于对已知对象的所有属性进行操作的控制循环。 它是将一个已知对象的所有属性反复置给一个变量;而不是使用计数器来实现的。2、该语句的优点就是无需知道对象中属性的个数即可进行操作。

with 语句

使用该语句的意思是: 在该语句体内, 任何对变量的引用被认为是这个对象的属性,以节省一些代码。

格式如下:

with object{

...}

所有在 with 语句后的花括号中的语句,都是在后面 object 对象的作用域的。

this 关键字

this 是对当前的引用,在 JavaScript 由于对象的引用是多层次,多方位的,往往一个对象的引用又需要对另一个对象的引用, 而另一个对象有可能又要引用另一个对象, 这样有可能造成混乱, 最后自己已不知道现在引用的那一个对象, 为此JavaScript 提供了一个用于将对象指定当前对象的语句 this。

New 运算符

虽然在 JavaScript 中对象的功能已经是非常强大的了。 但更强大的是设计人员可以按照需求来创建自己的对象,以满足某一特定的要求。使用 New 运算符可以创建一个新的对象。其创建对象使用如下格式:

Newobject = new Object(Parameters table);

其中 Newobject 创建的新对象:object 是已经存在的对象; parameters table 参数表;new 是 JavaScript 中的命令语句。


4、对象属性的引用

对象属性的引用可由下列三种方式之一实现:

1.使用点(.)运算符

university.Name=“云南省”

university.city=“昆明市”

university.Date="1999"

其中 university 是一个已经存在的对象,Name、City、Date 是它的三个属性,并通过操作对其赋值。

2.通过对象的下标实现引用

university[0]=“云南”

university[1]=“昆明市”

university[2]="1999"

通过数组形式的访问属性,可以使用循环操作获取其值。

3.通过字符串的形式实现

university["Name"]=“云南”

university["City"]=“昆明市”

university["Date"]="1999"


5、对象的方法的引用

在 JavaScript 中对象方法的引用是非常简单的。

格式:ObjectName.methods()

实际上 methods()=FunctionName 方法实质上是一个函数。 如引用 university对象中的 showmy()方法,则可使用:

document.write (university.showmy()) 或 document.write(university)

 以上就是JavaScript教程之初识对象的内容,更多相关内容请关注PHP中文网(www.php.cn)!


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn