javascript面向对象之定义成员方法实例分析
更新时间：2015年01月13日 10:33:47 投稿：shichen2014
这篇文章主要介绍了javascript面向对象之定义成员方法,实例分析了成员方法的定义与使用技巧,需要的朋友可以参考下
本文实例分析了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>
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>
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面象对象成员、共享成员变量实验
- js对象内部访问this修饰的成员函数示例
- JavaScript 面向对象的之私有成员和公开成员
- JavaScript 对象成员的可见性说明
- JS实现的Object数组去重功能示例【数组成员为Object对象】
- JavaScript 面向对象的 私有成员和公开成员
- javascript面向对象之共享成员属性与方法及prototype关键字用法
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- JS 面向对象之神奇的prototype
- js面向对象之公有、私有、静态属性和方法详解
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- 《javascript设计模式》学习笔记一：Javascript面向对象程序设计对象成员的定义分析
相关文章
YOLOV5模型从发布到现在都是炙手可热的目标检测模型,被广泛运用于各大场景之中,下面这篇文章主要给大家介绍了关于yolov5项目部署+微信小程序前端展示的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-11-11
javascript实现鼠标移到Image上方时显示文字效果的方法
这篇文章主要介绍了javascript实现鼠标移到Image上方时显示文字效果的方法,涉及javascript鼠标事件及图文属性动态设置的相关技巧,可用于为图片增加文字提示效果,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了JavaScript实现汉字转换为拼音及缩写的方法,结合实例形式分析了javascript数组遍历、转换实现汉字转拼音相关操作技巧,需要的朋友可以参考下2019-03-03
javascript加载xml 并解析各节点的值(实现方法)
下面小编就为大家带来一篇javascript加载xml 并解析各节点的值(实现方法)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章全面解析了Bootstrap表单的使用方法，本文重点介绍Bootstrap表单控件状态的三种情况，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了JS添加或删除HTML dom元素的方法,结合实例形式分析了javascript针对HTML DOM元素节点的创建、追加、删除等相关操作技巧与注意事项,需要的朋友可以参考下2019-03-03
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
这篇文章主要介绍了Bootstrap组件之下拉菜单,多级菜单及按钮布局方法,结合完整实例形式分析了Bootstrap多级菜单布局相关样式功能与具体使用技巧,需要的朋友可以参考下2017-05-05
这篇文章主要为大家详细介绍了JavaScript编写开发动态时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
这篇文章主要介绍了three.js 实现露珠滴落动画效果的示例代码,非常不错，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-03-03
DOM元素都有一些标准事件，一般使用时只要使用onclick=function的方式就可以了，但是当需要为DOM元素添加多个事件，删除事件，或在用Javascript封装控件的时候，为封装的控件添加自定义事件的时候2012-05-05
最新评论