Javascript 自定义类型方法小结_javascript技巧

1. 定义类型

复制代码 代码如下:

function UserObject(parameter) {
}

parameter 可省略,相当于C#中构造函数参数。
2. 实例化自定义类型

复制代码 代码如下:

<script type="text/javascript">
function userobject(parameter){
}
//myobject is now an object of type userobject!
var myobject=new userobject("hi")
alert(myobject)
</script>

3. 添加属性

复制代码 代码如下:

function userobject(parameter){
this.firstproperty=parameter
this.secondproperty="This is the second property"
}

//使用

复制代码 代码如下:

<script>
var myobject=new userobject("hi there.")
//alerts "hi there."
alert(myobject.firstproperty)
//writes "This is the second property"
document.write(myobject.secondproperty)
</script>

4.添加方法 (circle类)

复制代码 代码如下:

//first method function
function computearea(){
var area=this.radius*this.radius*3.14
return area
}
//second method function
function computediameter(){
var diameter=this.radius*2
return diameter
}

关联到自定义类型:

复制代码 代码如下:

<script type="text/javascript">
/*the below creates a new object, and gives it the two methods defined earlier*/
function circle(r){
//property that stores the radius
this.radius=r
this.area=computearea
this.diameter=computediameter
}
</script>

使用自定义方法:

复制代码 代码如下:

<script type="text/javascript">
var mycircle=new circle(20)
//alerts 1256
alert("area="+mycircle.area())
//alerts 400
alert("diameter="+mycircle.diameter())
</script>

时间: 2024-10-02 17:03:05

Javascript 自定义类型方法小结_javascript技巧的相关文章

javascript日期格式化方法小结_javascript技巧

本文实例总结了javascript日期格式化方法.分享给大家供大家参考,具体如下: 采用Prototype: Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": t

javascript去除空格方法小结_javascript技巧

本文实例总结了javascript去除空格方法.分享给大家供大家参考.具体如下: 这里str为要去除空格的字符串: 去除所有空格: 复制代码 代码如下: str = str.replace(/\s+/g,""); 去除两头空格: 复制代码 代码如下: str = str.replace(/^\s+\s+$/g,""); 去除左空格: 复制代码 代码如下: str=str.replace( /^\s*/, ''); 去除右空格: 复制代码 代码如下: str=str.

有效的捕获JavaScript焦点的方法小结_javascript技巧

1. 设置元素可获得焦点以监听键盘事件 元素聚焦最大好处就是可允许发送键盘事件,HTML很多元素默认就有可聚焦,如form表单元素,a锚链接等,但大部份默认是不能聚焦的.要使得元素能够聚焦,可以在HTML代码或JavaScript脚本中实现. html: 复制代码 代码如下: <div tabIndex="0" style="height:100px;width:100px; background:red;"></div> JavaScrip

javascript脚本调试方法小结_javascript技巧

1. alert方法 这也是十分原始的方法,但调试起来十分麻烦. 2. debugger方法 首先打开Internet选项--高级,将"禁用脚本调试(Internet Explorer)"的勾去掉 如果想其他浏览器也启用调试,那么可以把"禁用脚本调试(其他)"的勾也去去掉. 然后在你想需要地方进行调试,就加入debugger,如 <script type="text/javascript"> debugger; var s="

Javascript拓展String方法小结_javascript技巧

复制代码 代码如下: String.prototype.EndWith = function (str) {    if (str == null || str == "" || this.length == 0 || str.length > this.length)        return false;    if (this.substring(this.length - str.length) == str)        return true;    else  

JavaScript sort数组排序方法和自我实现排序方法小结_javascript技巧

 前言 针对一个数组进行排序,一个很常见的需求.尤其在后端.当然,前端也是有这个需求的. 当然,数组排序,是有现成的方法的.就是sort()方法. 我们先开看下这个. 标准答案,sort方法 var arr = [45,98,67,57,85,6,58,83,48,18]; console.log('原数组'); console.log(arr); console.log('sort方法从小到大排序'); console.log(arr.sort(function(a,b){return a-b

Javascript中常用的检测方法小结_javascript技巧

一.数组检测 1.使用ARRAY.ISARRAY() Array.isArray(obj) 例如: Array.isArray([]) //true Array.isArray({}) //false 兼容性: CHROME FIREFOX IE OPERA SAFARI 5 4.0(2.0) 9 10.5 5 可以使用以下方式,先检测是否支持Array.isArray. if(Array.isArray){ return Array.isArray(obj); } 2. 使用INSTANCEO

JavaScript面向对象的实现方法小结_javascript技巧

本文实例总结了JavaScript面向对象的实现方法.分享给大家供大家参考.具体分析如下: 方法1: var person = { name: 'hello world', age: 22, sayHello:function(){ alert('I\'m 'this.name ',and I\'m ' this.age 'years old'); } }; person.sayHello();//I'm hello world, and I'm 22 years old 方法2: window

JavaScript下申明对象的几种方法小结_javascript技巧

1.var myObject = {} ; 2.function myObject() { .... } 3.var myObject = function(){} ; 对于后两种方法,我们还可以增加参数,这样就类似于一个带参数的构造器了. 例如: function myObject(msg) { alert(msg) ; } var newObject = new myObject('Hello,World!') ; var myObject = function(msg) { alert(m