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對象的屬性與方法是動態(tài)增加的,所以可以這么定義:
復制代碼 代碼如下:
<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;//注意,函數后面帶()與不帶()的區(qū)別。帶括號表示將結果給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;//注意,函數后面帶()與不帶()的區(qū)別。帶括號表示將結果給p1.show1,而不帶括號表示將該函數給p1.show1。
p1.show1();
</script>
或者也可以這樣定義:
復制代碼 代碼如下:
p1.show1 = function show(){..................}
希望本文所述對大家的javascript程序設計有所幫助。
您可能感興趣的文章:
- Javascript面象對象成員、共享成員變量實驗
- js對象內部訪問this修飾的成員函數示例
- JavaScript 面向對象的之私有成員和公開成員
- JavaScript 對象成員的可見性說明
- JS實現的Object數組去重功能示例【數組成員為Object對象】
- JavaScript 面向對象的 私有成員和公開成員
- javascript面向對象之共享成員屬性與方法及prototype關鍵字用法
- JS面向對象基礎講解(工廠模式、構造函數模式、原型模式、混合模式、動態(tài)原型模式)
- JS 面向對象之神奇的prototype
- js面向對象之公有、私有、靜態(tài)屬性和方法詳解
- js面向對象之常見創(chuàng)建對象的幾種方式(工廠模式、構造函數模式、原型模式)
- 《javascript設計模式》學習筆記一:Javascript面向對象程序設計對象成員的定義分析
相關文章
JavaScript塊級作用域綁定以及狀態(tài)提升詳解
這篇文章主要給大家介紹了關于JavaScript塊級作用域綁定以及狀態(tài)提升的相關資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-03-03JavaScript 雙向鏈表操作實例分析【創(chuàng)建、增加、查找、刪除等】
這篇文章主要介紹了JavaScript 雙向鏈表操作,結合實例形式分析了JavaScript雙向鏈表的創(chuàng)建、增加、查找、刪除等相關操作技巧,需要的朋友可以參考下2020-04-04H5+C3+JS實現雙人對戰(zhàn)五子棋游戲(UI篇)
這篇文章主要為大家詳細介紹了H5+C3+JS實現雙人對戰(zhàn)五子棋游戲,實現雙人對戰(zhàn)模式,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-09-09