JavaScript中的对象化编程
JavaScript中的对象化编程
发布时间:2016-12-30 来源:查字典编辑
摘要:关于对象化编程的语句现在我们有实力学习以下关于对象化编程,但其实属于上一章的内容了。with语句为一个或一组语句指定默认对象。用法:with...

关于对象化编程的语句现在我们有实力学习以下关于对象化编程,但其实属于上一章的内容了。

with语句为一个或一组语句指定默认对象。

用法:

with(<对象>)<语句>;

with语句通常用来缩短特定情形下必须写的代码量。在下面的例子中,请注意Math的重复使用:

x=Math.cos(3*Math.PI)+Math.sin(Math.LN10);

y=Math.tan(14*Math.E);

当使用with语句时,代码变得更短且更易读:

with(Math){

x=cos(3*PI)+sin(LN10);

y=tan(14*E);

}

this对象返回“当前”对象。在不同的地方,this代表不同的对象。如果在JavaScript的“主程序”中(不在任何function中,不在任何事件处理程序中)使用this,它就代表window对象;如果在with语句块中使用this,它就代表with所指定的对象;如果在事件处理程序中使用this,它就代表发生事件的对象。

一个常用的this用法:

<script>

...

functioncheck(formObj){

...

}

...

</script>

<body...>

...

<form...>

...

<inputtype="text"...onchange="check(this.form)">

...

</form>

...

</body>

这个用法常用于立刻检测表单输入的有效性。

自定义构造函数我们已经知道,Array(),Image()等构造函数能让我们构造一个变量。其实我们自己也可以写自己的构造函数。自定义构造函数也是用function。在function里边用this来定义属性。

function<构造函数名>[(<参数>)]{

...

this.<属性名>=<初始值>;

...

}

然后,用new构造函数关键字来构造变量:

var<变量名>=new<构造函数名>[(<参数>)];

构造变量以后,<变量名>成为一个对象,它有它自己的属性——用this在function里设定的属性。

以下是一个从网上找到的搜集浏览器详细资料的自定义构造函数的例子:

functionIs(){

varagent=navigator.userAgent.toLowerCase();

this.major=parseInt(navigator.appVersion);//主版本号

this.minor=parseFloat(navigator.appVersion);//全版本号

this.ns=((agent.indexOf('mozilla')!=-1)&&

((agent.indexOf('spoofer')==-1)&&//是否Netscape

(agent.indexOf('compatible')==-1)));

this.ns2=(this.ns&&(this.major==3));//是否Netscape2

this.ns3=(this.ns&&(this.major==3));//是否Netscape3

this.ns4b=(this.ns&&(this.minor<4.04));//是否Netscape4低版本

this.ns4=(this.ns&&(this.major>=4));//是否Netscape4高版本

this.ie=(agent.indexOf("msie")!=-1);//是否IE

this.ie3=(this.ie&&(this.major==2));//是否IE3

this.ie4=(this.ie&&(this.major>=4));//是否IE4

this.op3=(agent.indexOf("opera")!=-1);//是否Opera3

this.win=(agent.indexOf("win")!=-1);//是否Windows版本

this.mac=(agent.indexOf("mac")!=-1);//是否Macintosh版本

this.unix=(agent.indexOf("x11")!=-1);//是否Unix版本

}

varis=newIs();

这个构造函数非常完整的搜集了浏览器的信息。我们看到它为对象定义了很多个属性:major,minor,ns,ie,win,mac等等。它们的意思见上面的注释。把is变量定义为Is()对象后,用if(is.ns)这种格式就可以很方便的知道浏览器的信息了。我们也可以从这个构造函数中看到,它也可以使用一般的JavaScript语句(上例中为var语句)。

让我们再来看一个使用参数的构造函数:

functionmyFriend(theName,gender,theAge,birthOn,theJob){

this.name=theName;

this.isMale=(gender.toLowerCase=='male');

this.age=theAge;

this.birthday=newDate(birthOn);

this.job=theJob

}

varStephen=newmyFriend('Stephen','Male',18,'Dec22,1982','Student');

从这个构造函数我们不但看到了参数的用法,还看到了不同的属性用不同的数据型是可以的(上例五个属性分别为:字符串,布尔值,数字,日期,字符串),还看到了构造函数里也可以用构造函数来“构造”属性。如果用了足够的“保护措施”来避免无限循环,更可以用构造函数自身来构造自己的属性。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类