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面向对象程序设计对象成员的定义分析
相关文章
javascript转换字符串为dom对象(字符串动态创建dom)
那么今天的目的就是教大家怎么去实现一个这样的方法用来把字符串直接转换为标准的dom对象2010-05-05学习javascript面向对象 javascript实现继承的方式
这篇文章主要为大家介绍了javascript实现继承的方式,学习javascript面向对象,感兴趣的小伙伴们可以参考一下2016-01-01Bootstrap的popover(弹出框)在append后弹不出(失效)
这篇文章主要介绍了Bootstrap的popover(弹出框)在append后弹不出,失效的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-02-02
最新评论