Javascript 自定义类型
2010-03-02 11:40
369 查看
1.定义类型
functionuserobject(parameter){ } parameter可省略,相当于C#中构造函数参数。
2.实例化自定义类型
<scripttype="text/javascript">
functionuserobject(parameter){
}
//myobjectisnowanobjectoftypeuserobject!
varmyobject=newuserobject("hi")
alert(myobject) </script>
3.添加属性
functionuserobject(parameter){
this.firstproperty=parameter
this.secondproperty="Thisisthesecondproperty"
}
//使用
<script>
varmyobject=newuserobject("hithere.")
//alerts"hithere."
alert(myobject.firstproperty)
//writes"Thisisthesecondproperty"
document.write(myobject.secondproperty)
</script>
.csharpcode,.csharpcodepre
{
font-size:small;
color:black;
font-family:consolas,"CourierNew",courier,monospace;
background-color:#ffffff;
/*white-space:pre;*/
}
.csharpcodepre{margin:0em;}
.csharpcode.rem{color:#008000;}
.csharpcode.kwrd{color:#0000ff;}
.csharpcode.str{color:#006080;}
.csharpcode.op{color:#0000c0;}
.csharpcode.preproc{color:#cc6633;}
.csharpcode.asp{background-color:#ffff00;}
.csharpcode.html{color:#800000;}
.csharpcode.attr{color:#ff0000;}
.csharpcode.alt
{
background-color:#f4f4f4;
width:100%;
margin:0em;
}
.csharpcode.lnum{color:#606060;}
4.添加方法(circle类)
//firstmethodfunction
functioncomputearea(){
vararea=this.radius*this.radius*3.14
returnarea
}
//secondmethodfunction
functioncomputediameter(){
vardiameter=this.radius*2
returndiameter
}
.csharpcode,.csharpcodepre
{
font-size:small;
color:black;
font-family:consolas,"CourierNew",courier,monospace;
background-color:#ffffff;
/*white-space:pre;*/
}
.csharpcodepre{margin:0em;}
.csharpcode.rem{color:#008000;}
.csharpcode.kwrd{color:#0000ff;}
.csharpcode.str{color:#006080;}
.csharpcode.op{color:#0000c0;}
.csharpcode.preproc{color:#cc6633;}
.csharpcode.asp{background-color:#ffff00;}
.csharpcode.html{color:#800000;}
.csharpcode.attr{color:#ff0000;}
.csharpcode.alt
{
background-color:#f4f4f4;
width:100%;
margin:0em;
}
.csharpcode.lnum{color:#606060;}
关联到自定义类型:
<scripttype="text/javascript">
/*thebelowcreatesanewobject,andgivesitthetwomethodsdefinedearlier*/
functioncircle(r){
//propertythatstorestheradius
this.radius=r
this.area=computearea
this.diameter=computediameter
}
</script>
.csharpcode,.csharpcodepre
{
font-size:small;
color:black;
font-family:consolas,"CourierNew",courier,monospace;
background-color:#ffffff;
/*white-space:pre;*/
}
.csharpcodepre{margin:0em;}
.csharpcode.rem{color:#008000;}
.csharpcode.kwrd{color:#0000ff;}
.csharpcode.str{color:#006080;}
.csharpcode.op{color:#0000c0;}
.csharpcode.preproc{color:#cc6633;}
.csharpcode.asp{background-color:#ffff00;}
.csharpcode.html{color:#800000;}
.csharpcode.attr{color:#ff0000;}
.csharpcode.alt
{
background-color:#f4f4f4;
width:100%;
margin:0em;
}
.csharpcode.lnum{color:#606060;}
使用自定义方法:
<scripttype="text/javascript">
varmycircle=newcircle(20)
//alerts1256
alert("area="+mycircle.area())
//alerts400
alert("diameter="+mycircle.diameter())
</script>
.csharpcode,.csharpcodepre
{
font-size:small;
color:black;
font-family:consolas,"CourierNew",courier,monospace;
background-color:#ffffff;
/*white-space:pre;*/
}
.csharpcodepre{margin:0em;}
.csharpcode.rem{color:#008000;}
.csharpcode.kwrd{color:#0000ff;}
.csharpcode.str{color:#006080;}
.csharpcode.op{color:#0000c0;}
.csharpcode.preproc{color:#cc6633;}
.csharpcode.asp{background-color:#ffff00;}
.csharpcode.html{color:#800000;}
.csharpcode.attr{color:#ff0000;}
.csharpcode.alt
{
background-color:#f4f4f4;
width:100%;
margin:0em;
}
.csharpcode.lnum{color:#606060;}
.csharpcode,.csharpcodepre
{
font-size:small;
color:black;
font-family:consolas,"CourierNew",courier,monospace;
background-color:#ffffff;
/*white-space:pre;*/
}
.csharpcodepre{margin:0em;}
.csharpcode.rem{color:#008000;}
.csharpcode.kwrd{color:#0000ff;}
.csharpcode.str{color:#006080;}
.csharpcode.op{color:#0000c0;}
.csharpcode.preproc{color:#cc6633;}
.csharpcode.asp{background-color:#ffff00;}
.csharpcode.html{color:#800000;}
.csharpcode.attr{color:#ff0000;}
.csharpcode.alt
{
background-color:#f4f4f4;
width:100%;
margin:0em;
}
.csharpcode.lnum{color:#606060;}
相关文章推荐
- Javascript 自定义类型方法小结
- 使用自定义JavaScriptConverter返回自定义的复杂类型
- javaScript中的自定义类型和继承
- 浅析JavaScript获得Object对象(自定义对象)的类型名方法
- JavaScript之自定义类型
- javascript判断变量类型的自定义函数
- JavaScript基于自定义函数判断变量类型的实现方法
- JavaScript 对象概念以及自定义引用类型
- javascript判断变量类型的自定义函数
- javascript 自定义类型 属性,方法
- 自定义JavaScript类型的一个例子
- JavaScript之面向对象学习七(动态原型模式、寄生构造函数模式、稳妥构造函数模式创建自定义类型)
- JavaScript input file类型自定义按钮样式
- Javascript 自定义函数判断网站访问类型
- WebKit中自定义JavaScript类型对instanceof语句的处理
- JavaScript之四:自定义类型
- Javascript自定义函数判断网站访问类型是PC还是移动终端
- javascript中创建自定义类型的最常见的方式_组合使用构造函数模型和原型模式,动态原型模式
- (3)JavaScript基础(基本语法:变量与数据类型、类型转换、运算符、流程控制、函数、对象、自定义对象、原型)
- Javascript 自定义类型方法小结