欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2022-09-07 09:59:48|栏目: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>

说明:
(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程序设计有所帮助。

上一篇:react-native-tab-navigator组件的基本使用示例代码

栏    目:JavaScript代码

下一篇:基于es6三点运算符的使用方法(实例讲解)

本文标题:javascript面向对象之定义成员方法实例分析

本文地址:http://www.codeinn.net/misctech/213037.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有