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 相关文章推荐
Jquery Ajax的Get方式时需要注意URL地方
Apr 07 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
Feb 24 Javascript
jQuery侧边栏实现代码
May 06 Javascript
JavaScript之WebSocket技术详解
Nov 18 Javascript
基于jQuery实现一个marquee无缝滚动的插件
Mar 09 Javascript
基于dataset的使用和图片延时加载的实现方法
Dec 11 Javascript
详解各版本React路由的跳转的方法
May 10 Javascript
vue router+vuex实现首页登录验证判断逻辑
May 17 Javascript
Vue-router 切换组件页面时进入进出动画方法
Sep 01 Javascript
Vue项目引发的「过滤器」使用教程
Mar 12 Javascript
vue使用canvas实现移动端手写签名
Sep 22 Javascript
vue3.0 项目搭建和使用流程
Mar 04 Vue.js
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
discuz免激活同步登入代码修改方法(discuz同步登录)
2013/12/24 PHP
thinkPHP实现将excel导入到数据库中的方法
2016/04/22 PHP
PHP 并发场景的几种解决方案
2019/06/14 PHP
JS之小练习代码
2008/10/12 Javascript
JavaScript 对话框和状态栏使用说明
2009/10/25 Javascript
javascript中兼容主流浏览器的动态生成iframe方法
2014/05/05 Javascript
node.js中的fs.fchown方法使用说明
2014/12/16 Javascript
jquery遍历函数siblings()用法实例
2015/12/24 Javascript
js事件处理程序跨浏览器解决方案
2016/03/27 Javascript
微信小程序-小说阅读小程序实例(demo)
2017/01/12 Javascript
jQuery实现定时隐藏对话框的方法分析
2018/02/12 jQuery
vuejs数据超出单行显示更多,点击展开剩余数据实例
2019/05/05 Javascript
Nodejs实现图片上传、压缩预览、定时删除功能
2019/10/25 NodeJs
原生js实现二级联动菜单
2019/11/27 Javascript
详解vue中v-bind:style效果的自定义指令
2020/01/21 Javascript
[06:53]2018DOTA2国际邀请赛寻真——勇于创新的Vici Gaming
2018/08/14 DOTA
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
Selenium chrome配置代理Python版的方法
2018/11/29 Python
Python简单I/O操作示例
2019/03/18 Python
python批量读取文件名并写入txt文件中
2020/09/05 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
python实现画循环圆
2019/11/23 Python
利用Python实现Excel的文件间的数据匹配功能
2020/06/16 Python
Python配置pip国内镜像源的实现
2020/08/20 Python
装上这 14 个插件后,PyCharm 真的是无敌的存在
2021/01/11 Python
英国二手物品交易网站:Preloved
2017/10/06 全球购物
周仰杰(JIMMY CHOO)英国官方网站:闻名世界的鞋子品牌
2018/10/28 全球购物
我的珠宝盒:Ma boîte à bijoux
2019/08/27 全球购物
Java如何调用外部Exe程序
2015/07/04 面试题
项目合作计划书
2014/01/09 职场文书
演讲稿的写法
2014/05/19 职场文书
广告学专业求职信
2014/06/19 职场文书
中考百日冲刺决心书
2015/09/22 职场文书
毕业生自我鉴定范文
2019/05/13 职场文书
vue 实现上传组件
2021/05/31 Vue.js
小程序实现文字循环滚动动画
2021/06/14 Javascript