DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript面向對象之定義成員方法實例教程分析
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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved