javascript面向对象之定义成员方法实例分析_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程序设计有所帮助。

时间: 2024-11-26 20:08:11

javascript面向对象之定义成员方法实例分析_javascript技巧的相关文章

JavaScript进阶练习及简单实例分析_javascript技巧

当用户点击"统计"按钮时,在窗口中弹出文本框中出现次数最多的字符并显示其出现的次数 点击统计按钮时效果如图所示: 实现代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo

javascript面向对象之this关键词用法分析_javascript技巧

本文实例分析了javascript面向对象之this关键词用法.分享给大家供大家参考.具体分析如下: 当需要初始化某个属性时,可以在原型对象内使用this关键词.如下面实例: 复制代码 代码如下: <script language="javascript" type="text/javascript"> function Person(){  this.name = "王美人";  this.age = 25; }; var p1 =

JavaScript中this的用法实例分析_javascript技巧

本文实例分析了JavaScript中this的用法.分享给大家供大家参考,具体如下: 一."this"公理 this关键字永远都指向函数(方法)的所有者: function fn1(){ this }; fn1(); //this=>window oDiv.onclick=fn1; //this=>oDiv oDiv.onclick=function(){ this //this=>oDiv fn1(); //this=>window } <div onc

javascript中键盘事件用法实例分析_javascript技巧

本文实例分析了javascript中键盘事件用法.分享给大家供大家参考.具体如下: 键盘事件包含onkeydown.onkeypress和onkeyup这三个事件 事件初始化 function keyDown(){} document.onkeydown = keyDown; //论按下键盘上的哪个键,都将调用KeyDown()函数. DOM标准下 function keyDown(e) { var keycode = e.which; //取得对应的键值(数字) var realkey = S

javascript中sort()的用法实例分析_javascript技巧

本文实例分析了javascript中sort()的用法.分享给大家供大家参考.具体分析如下: 函数的语法: arrayObject.sort(sortby) you think this is not the right way but you love it  这里还用到了split函数,目的是去到一个字符串的数组,比较常用.然后通过数组的排序函数sort()对数组内的值进行排序,得到新的数组,然后通过循环输出数组的内容就得到了排序后的字符串. 在例子中,默认情况下,它会按照ascii码来进行

JavaScript文档碎片操作实例分析_javascript技巧

本文实例分析了JavaScript文档碎片操作方法.分享给大家供大家参考,具体如下: 使用文档碎片在某些情况下可以提高页面效率. javascript操作dom是一个很耗性能的过程,在某些情况下,不得不进行dom循环操作,我们每次对dom的操作都会触发"重排",这严重影响到能耗,一般通常采取的做法是尽可能的减少dom操作来减少"重排". 面对循环操作dom的过程,我们选择使用文档碎片(creatDocumentFragment),将需要添加到dom中的内容一次性添加

JavaScript实现的encode64加密算法实例分析_javascript技巧

本文实例讲述了JavaScript实现的encode64加密算法.分享给大家供大家参考.具体如下: 这段JavaScript代码可实现encode64加密算法,速度还是相当不错的. //encode64编解码 (function() { var codeChar = "PaAwO65goUf7IK2vi9-xq8cFTEXLCDY1Hd3tV0ryzjbpN_BlnSs4mGRkQWMZJeuh"; window.encode64 = function(str) { var s = &

javascript中动态函数用法实例分析_javascript技巧

本文实例讲述了javascript中动态函数用法.分享给大家供大家参考.具体分析如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>动态函数</title> <script

javascript动态设置样式style实例分析_javascript技巧

本文实例讲述了javascript动态设置样式style的方法.分享给大家供大家参考.具体分析如下: 动态修改style 1.易错:修改元素的样式不是设置class属性,而是className属性. 2.易错:单独修改样式的属性使用"style.属性名".注意在css中属性名在javascript中 操作的时候属性名可能不一样,主要集中在那些属性名中含有-的属性,因为 javascript中-是不能做属性,类名的.所以在CSS中背景色是background-clolor,而javasc