Javascript 自定义类型方法小结


Posted in Javascript onMarch 02, 2010

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>
Javascript 相关文章推荐
JavaScript DOM 学习第三章 内容表格
Feb 19 Javascript
比Jquery的document.ready更快的方法
Apr 28 Javascript
javascript判断变量是否有值的方法
Apr 20 Javascript
jQuery滚动新闻实现代码
Jun 26 Javascript
前端开发必知的15个jQuery小技巧
Jan 22 Javascript
深入理解angular2启动项目步骤
Jul 15 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
Promise.all中对于reject的处理方法
Aug 01 Javascript
修改vue+webpack run build的路径方法
Sep 01 Javascript
Vue触发式全局组件构建的方法
Nov 28 Javascript
浅谈对于react-thunk中间件的简单理解
May 01 Javascript
vue 组件基础知识总结
Jan 26 Vue.js
Javascript Cookie读写删除操作的函数
Mar 02 #Javascript
28个JS验证函数收集
Mar 02 #Javascript
用js脚本控制asp.net下treeview的NodeCheck的实现代码
Mar 02 #Javascript
javascript 静态对象和构造函数的使用和公私问题
Mar 02 #Javascript
新老版本juqery获取radio对象的方法
Mar 01 #Javascript
几个比较经典常用的jQuery小技巧
Mar 01 #Javascript
基于JQuery的密码强度验证代码
Mar 01 #Javascript
You might like
PHP常用代码
2006/11/23 PHP
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
ThinkPHP CURD方法之limit方法详解
2014/06/18 PHP
cakephp常见知识点汇总
2017/02/24 PHP
js 发个判断字符串是否为符合标准的函数
2009/04/27 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
JS(JQuery)操作Array的相关方法介绍
2014/02/11 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
2014/08/19 Javascript
javascript实现修改微信分享的标题内容等
2014/12/11 Javascript
使用FlexiGrid实现Extjs表格效果方法分享
2014/12/16 Javascript
JavaScript 学习笔记之操作符(续)
2015/01/14 Javascript
Jquery Mobile 自定义按钮图标
2015/11/18 Javascript
js实现滚动条滚动到某个位置便自动定位某个tr
2021/01/20 Javascript
浅谈javascript的call()、apply()、bind()的用法
2016/02/21 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
2016/12/26 Javascript
微信JS-SDK选取手机照片上传功能
2017/04/21 Javascript
AngularJS入门教程一:路由用法初探
2017/05/27 Javascript
vuex的module模块用法示例
2018/11/12 Javascript
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
2018/12/03 Javascript
Element Card 卡片的具体使用
2020/07/26 Javascript
Python3中的2to3转换工具使用示例
2015/06/12 Python
Python 模块EasyGui详细介绍
2017/02/19 Python
Python简单读写Xls格式文档的方法示例
2018/08/17 Python
Python 实现某个功能每隔一段时间被执行一次的功能方法
2018/10/14 Python
Python如何使用PIL Image制作GIF图片
2020/05/16 Python
详解Python中Pyyaml模块的使用
2020/10/08 Python
HTML5单页面手势滑屏切换原理分析
2017/07/10 HTML / CSS
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
六道php面试题附答案
2014/06/05 面试题
写给女生的道歉信
2014/01/08 职场文书
《小小雨点》教学反思
2014/02/18 职场文书
2014全国两会大学生学习心得体会
2014/03/10 职场文书
竞选学生会主席演讲稿
2014/04/24 职场文书
化学工程专业求职信
2014/08/10 职场文书
JavaScript组合继承详解
2021/11/07 Javascript