javascript面向对象之定义成员方法实例分析


Posted in Javascript onJanuary 13, 2015

本文实例分析了javascript面向对象之定义成员方法。分享给大家供大家参考。具体如下:

javascript面向对象,定义成员方法如下所示:

<script language="javascript" type="text/javascript">

function Person(name,age){

 this.name = name;

 this.age = age;

 this.show = function(){

  document.write(this.name+"今年"+this.age+"岁");

 }

}

var p1 = new Person("王美人",24);

p1.show();

</script>

说明:
(1)这里用到了构造函数;
(2)this.show=function()这种定义方法,使得每个实例化的对象都拥有这个方法。如果需要某个实例化对象单独拥有,则可以将函数写在外部,然后再传递过来,如下面实例;
(3)this.show的function()内,也可以有参数。

函数在外部定义
因为javascript对象的属性与方法是动态增加的,所以可以这么定义:

<script language="javascript" type="text/javascript">

function Person(name,age){

 this.name = name;

 this.age = age;

}

function show(){

 window.alert("hello,"+this.name);

}

var p1 = new Person("王美人",24);

p1.show1 = show;//注意,函数后面带()与不带()的区别。带括号表示将结果给p1.show1,而不带括号表示将该函数给p1.show1。

p1.show1();

</script>

或者也可以这样定义:
p1.show1 = function show(){..................}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
11款新鲜的jQuery插件[附所有demo下载]
Jan 24 Javascript
js 触发select onchange事件代码
Mar 20 Javascript
JS函数的定义与调用方法推荐
May 12 Javascript
详解Jquery Easyui的验证扩展
Jan 09 Javascript
javascript使用btoa和atob来进行Base64转码和解码
Mar 20 Javascript
ES6新特性之变量和字符串用法示例
Apr 01 Javascript
vue学习笔记之指令v-text &amp;&amp; v-html &amp;&amp; v-bind详解
May 12 Javascript
javaScript日期工具类DateUtils详解
Dec 08 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
Oct 15 Javascript
layui实现数据表格自定义数据项
Oct 26 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
Nov 01 Javascript
jQuery大于号(&gt;)选择器的作用解释
Jan 13 #Javascript
javascript面向对象之this关键词用法分析
Jan 13 #Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
Jan 13 #Javascript
javascript面向对象之访问对象属性的两种方式分析
Jan 13 #Javascript
javascript面向对象之对象的深入理解
Jan 13 #Javascript
jQuery实现设置、移除文本框默认值功能
Jan 13 #Javascript
javascript面向对象快速入门实例
Jan 13 #Javascript
You might like
加速XP搜索功能堪比vista
2007/03/22 PHP
php之Smarty模板使用方法示例详解
2014/07/08 PHP
PHP实现的memcache环形队列类实例
2015/07/28 PHP
PHP实现通过文本文件统计页面访问量功能示例
2019/02/13 PHP
PHP中echo与print区别点整理
2021/03/09 PHP
理解Javascript_15_作用域分配与变量访问规则,再送个闭包
2010/10/20 Javascript
关于jQuery中.attr()和.prop()的问题探讨
2013/09/06 Javascript
使用javascript控制cookie显示和隐藏背景图
2014/02/12 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
2016/01/23 Javascript
详解微信小程序开发之城市选择器 城市切换
2017/01/17 Javascript
jQuery插件HighCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/15 Javascript
利用CDN加速react webpack打包后的文件详解
2018/02/22 Javascript
Vue 创建组件的两种方法小结(必看)
2018/02/23 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
vue引用js文件的多种方式(推荐)
2018/05/17 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
JS原生带缩略图的图片切换效果
2018/10/10 Javascript
Vue 全家桶实现移动端酷狗音乐功能
2018/11/16 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
微信小程序实现多行文字滚动
2020/11/18 Javascript
[04:52]第二届DOTA2亚洲邀请赛主赛事第一天比赛集锦:OG娜迦海妖放大配合谜团大中3人
2017/04/02 DOTA
Python时间戳与时间字符串互相转换实例代码
2013/11/28 Python
Python数据结构与算法之常见的分配排序法示例【桶排序与基数排序】
2017/12/15 Python
python3.4实现邮件发送功能
2018/05/28 Python
NLTK 3.2.4 环境搭建教程
2018/09/19 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
Python split() 函数拆分字符串将字符串转化为列的方法
2019/07/16 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
2014年教师培训的自我评价
2014/01/03 职场文书
人力资源管理专业求职信
2014/07/23 职场文书
2014年大学班长工作总结
2014/11/14 职场文书
大学生党员个人总结
2015/02/13 职场文书
地雷战观后感
2015/06/09 职场文书
高中美术教学反思
2016/02/17 职场文书