JavaScript技术讲座-基于对象的JavaScript语言

javascript谈话是鉴于东西的（object-based），而不是面向东西的（object-oriented）。之以是说它是一门鉴于东西的谈话，主假如由于它没有供给象笼统、接受、重载等相关面向东西谈话的很多功效。而是把其它谈话所创造的搀杂东西一致起来，进而产生一个特殊宏大的东西体例。

固然javascript谈话是一门鉴于东西的，但它仍旧具备少许面向东西的基础特性。它不妨按照须要创造本人的东西，进而进一步夸大javascript的运用范畴，巩固编写功效宏大的web文文献。

一、东西的普通常识

１、东西的基础构造

javascript中的东西是由属性(properties)和本领(methods)两个基础的元素的形成的。前者是东西在实行其所须要动作的进程中，实行消息的承载单元，进而与变量关系联；后者是指东西不妨依照安排者的企图而被实行，进而与一定的因变量连接。

２、援用东西的道路

一个东西要真实地被运用，可沿用以次几种办法赢得：

援用javascript里面东西；

由欣赏器情况中供给；

创造新东西。

这即是说一个东西在被援用之前，这个东西必需生存，要不援用将毫偶尔义，而展示缺点消息。从上头中咱们不妨看出javascript援用东西可经过三种办法获得。要么创造新的东西，要么运用现存的东西。

３、相关东西操纵语句

javascript不是一纯面向东西的谈话，它设有供给面向东西谈话的很多功效，所以javascript安排者之以是把它你“鉴于东西”而不是面向东西的谈话，在javascript中供给了几个用来操抵制象的语句和要害词及演算符。

1）、for...in语句

方法如次：

for（东西属性名 in 已知东西名）

证明：

该语句的功效是用来对已知东西的一切属性举行操纵的遏制轮回。它是将一个已知东西的一切属性重复置给一个变量；而不是运用计数器来实行的。

该语句的便宜即是无需领会东西中属性的个数即可举行操纵。

例：下列因变量是表露数组中的实质：

function showdata(object)

for (var x=0; x<30;x++)

document.write(object[i])；

该因变量是经过数组下标程序值，来考察每个东西的属性，运用这种办法开始必应知道数组的下标值，要不若胜过范畴，则就会爆发缺点。而使for...in语句，则基础不须要领会东西属性的个数，见下：

function showdata(object)

for(var prop in object)

document.write(object[prop])；

运用该因变量时，在轮回体中，for机动将的属性掏出来，直到结果为此。

2）、with语句

运用该语句的道理是：在该语句体内，任何对变量的援用被觉得是这个东西的属性，以俭朴少许代码。

with object{

...}

一切在with语句后的花括号中的语句，都是在反面object东西的效率域的。

3）、his要害词

this是对暂时的援用，在javascript因为东西的援用是多档次，多方位的，常常一个东西的援用又须要对另一个东西的援用，而另一个东西有大概又要援用另一个东西，如许有大概形成凌乱，结果本人已不领会此刻援用的那一个东西，为此javascript供给了一个用来将东西指定暂时东西的语句this。

4）、ew演算符

固然在javascript中东西的功效仍旧利害常宏大的了。但更宏大的是安排职员不妨依照需要来创造本人的东西，以满意某一一定的诉求。运用new演算符不妨创造一个新的东西。其创造东西运用如次方法：

newobject=new object(parameters table);

个中newobject创造的新东西：object是仍旧生存的东西； parameters table参数表；new是javascript中的吩咐语句。

如创造一个日子新东西

newdata=new data()

birthday=new data (december 12.1998)

之后就可使newdata、birthday动作一个新的日子东西了。

４、东西属性的援用

东西属性的援用可由下列三种办法之一实行：

（１）运用点（.）演算符

university.name=“云南省”

university.city=“昆明市”

university.date="1999"

个中university是一个仍旧生存的东西，name、city、date是它的三个属性，并经过操抵制其赋值。

（２）经过东西的下标实行援用

university[0]=“云南”

university[1]=“昆明市”

university[2]="1999"

经过数组情势的考察属性，不妨运用轮回操纵获得其值。

function showunievsity(object)

for (var j=0;j<2; j++)

document.write(object[j])

若沿用for...in则不妨不知其属性的个数后就不妨实行：

function showmy(object)

for (var prop in this)

docament.write(this[prop]);

（３）经过字符串的情势实行

university["name"]=“云南”

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

university["date"]="1999"

５、东西的本领的援用

在javascript中东西本领的援用利害常大略的。

objectname.methods()

本质上methods()=functionname本领本质上是一个因变量。 如援用university东西中的showmy（）本领，则可运用：

document.write (university.showmy())

或：document.write(university)

如援用math里面东西中cos()的本领

则：

with(math)

document.write(cos(35));

document.write(cos(80));

若不运用with则援用时对立要搀杂些：

document.write(math.cos(35))

document.write(math.sin(80))

[page_break]二、常用东西的属性和本领

javascript为咱们供给了少许特殊有效的常用里面东西和本领。用户不须要用脚从来实行那些功效。这恰是鉴于东西编制程序的真实手段。

在javascript供给了string（字符串）、math（数值计划）和date（日子）三种东西和其它少许关系的本领。进而为编制程序职员赶快开拓宏大的剧本步调供给了特殊利于的前提。

1、常用里面东西

在javascript中对于东西属性与本领的援用，有两种情景：其一是说该东西是静态东西，即在援用该东西的属性或本领时不须要为它创造范例；而另一种东西则在援用它的东西或本领是必需为它创造一个范例，即该东西是动静东西。

对javascript里面东西的援用，以是紧紧环绕着它的属性与本领举行的。所以精确东西的静动性对于控制和领会javascript里面东西是具备特殊要害的意旨。

１)、串东西

string东西：里面静态性。

考察properties和methods时，可运用（.）演算符实行。

基础运用方法：objectname.prop/methods

（１）串东西的属性

该东西惟有一个属性，即length。它表领会字符串中的字符个数，囊括一切标记。例：

mytest="this is a javascript"

mystringlength=mytest.length

结果mystringlength归来mytest字符串的长度为20。

（２）串东西的本领

string东西的本领公有１９个。重要用来相关字符串在web页面中的表露、字体巨细、字体脸色、字符的探求以及字符的巨细写变换。

其重要本领如次：

锚点anchor()：该本领创造如用html文文献中一律的anchor标志。运用anchor如用html中(a name="")一律。经过下列方法考察:string.anchor(anchorname)。

相关字符表露的遏制本领

big字体表露, italics()斜体字表露，bold()粗体字表露，blink()字符闪耀表露，small（）字符用小体字表露，fixed()恒定高亮字表露、fontsize(size)遏制字体巨细等。

字体脸色本领；fontcolor(color)

字符串巨细写变换

tolowercase()－小写变换，touppercase()小写变换。下列把一个给定的串辨别变换成小写和小写方法:

string=stringvalue.touppercase和string=stringvalue.tolowercase。

字符探求：indexof[charactor,fromindex]

从指定formindtx场所发端探求charactor第一次展示的场所。

归来字符串的一局部字符串：substring(start,end)

从start发端到end的字符十足归来。

２)、算术因变量的math东西

功效：供给除加、减、乘、除除外的一引些自述演算。如对数，平方根等。

静动性：静态东西

（１）重要属性

math中供给了６个属性，它们是数学中常常用到的常数Ｅ、以１０为底的天然对数ＬＮ１０、以２为底的天然对数ln2、3.14159的pi、1/2的平方根sqrt1-2,2的平方根为sqrt2。

（２）重要本领

一致值：abs()

正弦余弦值：sin(),cos()

归正弦反余弦 :asin(), acos()

正切归正切：tan(),atan()

四舍五入：round()

平方根：sqrt()

鉴于几方次的值：pow(base,exponent)

...

３)、日子及功夫东西

功效：供给一个相关日子和功夫的东西。

静动性：动静性，即必需运用new演算符创造一个范例。例:

mydate=new date()

date东西没有供给径直考察的属性。只具备获得和树立日子和功夫的本领。

日子开始值:１７７０年１月１日００:００:００。

(1) 获得日子的功夫本领

getyear(): 归来年数

getmonth():归来当月号数

getdate(): 归来当天号数

getday():归来礼拜几

gethours():归来钟点数

getmintes(:归来秒钟数

getseconds():归来秒数

gettime() : 归来毫秒数

(1) 树立日子和功夫：

setyear();树立年

setdate():树立当月号数

setmonth():树立当月份数

sethours():树立钟点数

setmintes():树立秒钟数

setseconds():树立秒数

settime ():树立毫秒数

...

2、javascript中的体例因变量

javascript中的体例因变量又称里面本领。它供给了与任何东西无干的体例因变量，运用那些因变量不需创造任何范例,可径直用。

1) 归来字符串表白式中的值：

本领名：eval（字符串表白式），例：

test=eval("8+9+5/2");

2) 归来字符串asci码：

本领名：unescape (string)

3) 归来字符的源代码：

本领名：escape(character)

4) 归来实数：

parsefloat(floustring);

5) 归来各别进制的数：

parseint(numbestring ,rad.x)

个中radix是数的进制，numbs字符串数

[page_break]三、典型

底下是一个时钟表露的javascript文檔。在文文献顶用了特殊多的因变量。

test4_1.htm

<html>

<head>

<style type="text/css">

<style>

</style>

<title>时钟</title>

<script language="javascript">

function showclock() {

}

function hideclock() {

}

var timerid = null

var timerrunning = false

function stopclock() {

if(timerrunning)

cleartimeout(timerid);

timerrunning = false

document.clock.face.value = "";

}

function showtime() {

var now = new date();

var year = now.getyear();

var month = now.getmonth() + 1;

var date = now.getdate();

var hours = now.gethours();

var mins = now.getminutes();

var secs = now.getseconds();

var timeval = "";

timeval += ((hours <= 12) ? hours : hours - 12);

timeval += ((mins < 10) ? ":0" : ":") + mins;

timeval += ((secs <= 10) ? ":0" : ":") + secs;

timeval += ((hours < 12) ? "am" : "pm");

timeval += ((month < 10) ? " on 0" : " on ") + month + "-";

timeval += date + "-" + year;

document.clock.face.value = timeval;

timerid = settimeout("showtime()", 1000);

timerrunning = true

}

function startclock() {

stopclock();

showtime();

}

function windowopener( indexnum ){

var loadpos="date.html"+"#"+indexnum;

controlwindow=window.open(loadpos,"date","toolbar=no,location=no,directories=no,

status=no,menubar=no,scrollbars=yes,resizable=yes,width=620,height=400");

}

</script>

</head>

<body onload="startclock()" >

<p align="center"><big><span style="background-color: rgb(45,45,45)"><font face="arial">form</font>   <font face="宋体">时钟</font></span></big></p>

<p align="center"></p>

<div align="center"><center>

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="100%"><form name="clock" onsubmit="0">

<div align="center"><center><p><input type="text" name="face" size="20" value style="background-color: rgb(192,192,192)"> </p>

</center></div>

</form>

</td>

</tr>

</table>

</center></div>

</body>

</html>

见图所示：

本讲引见了鉴于东西的javascript中常用里面东西属性、本领的运用。