javascript面向?qū)ο笾x成員方法實(shí)例分析
更新時(shí)間：2015年01月13日 10:33:47 投稿：shichen2014
這篇文章主要介紹了javascript面向?qū)ο笾x成員方法,實(shí)例分析了成員方法的定義與使用技巧,需要的朋友可以參考下
本文實(shí)例分析了javascript面向?qū)ο笾x成員方法。分享給大家供大家參考。具體如下：
javascript面向?qū)ο?，定義成員方法如下所示：
復(fù)制代碼 代碼如下:
<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>
說(shuō)明：
（1）這里用到了構(gòu)造函數(shù)；
（2）this.show=function()這種定義方法，使得每個(gè)實(shí)例化的對(duì)象都擁有這個(gè)方法。如果需要某個(gè)實(shí)例化對(duì)象單獨(dú)擁有，則可以將函數(shù)寫在外部，然后再傳遞過(guò)來(lái)，如下面實(shí)例；
（3）this.show的function()內(nèi)，也可以有參數(shù)。
函數(shù)在外部定義
因?yàn)閖avascript對(duì)象的屬性與方法是動(dòng)態(tài)增加的，所以可以這么定義：
復(fù)制代碼 代碼如下:
<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;//注意，函數(shù)后面帶()與不帶()的區(qū)別。帶括號(hào)表示將結(jié)果給p1.show1，而不帶括號(hào)表示將該函數(shù)給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;//注意，函數(shù)后面帶()與不帶()的區(qū)別。帶括號(hào)表示將結(jié)果給p1.show1，而不帶括號(hào)表示將該函數(shù)給p1.show1。
p1.show1();
</script>
或者也可以這樣定義：
復(fù)制代碼 代碼如下:
p1.show1 = function show(){..................}
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- Javascript面象對(duì)象成員、共享成員變量實(shí)驗(yàn)
- js對(duì)象內(nèi)部訪問(wèn)this修飾的成員函數(shù)示例
- JavaScript 面向?qū)ο蟮闹接谐蓡T和公開成員
- JavaScript 對(duì)象成員的可見性說(shuō)明
- JS實(shí)現(xiàn)的Object數(shù)組去重功能示例【數(shù)組成員為Object對(duì)象】
- JavaScript 面向?qū)ο蟮?私有成員和公開成員
- javascript面向?qū)ο笾蚕沓蓡T屬性與方法及prototype關(guān)鍵字用法
- JS面向?qū)ο蠡A(chǔ)講解(工廠模式、構(gòu)造函數(shù)模式、原型模式、混合模式、動(dòng)態(tài)原型模式)
- JS 面向?qū)ο笾衿娴膒rototype
- js面向?qū)ο笾小⑺接?、靜態(tài)屬性和方法詳解
- js面向?qū)ο笾Ｒ妱?chuàng)建對(duì)象的幾種方式(工廠模式、構(gòu)造函數(shù)模式、原型模式)
- 《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記一：Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)對(duì)象成員的定義分析
相關(guān)文章
JS?解決Cannot?set?properties?of?undefined的問(wèn)題
遇到這樣問(wèn)題當(dāng)前的是當(dāng)前對(duì)象或者數(shù)組是undefined，但是卻用來(lái)引用屬性或者索引，遇到這樣的問(wèn)題如何解決呢，下面通過(guò)本文給大家介紹JS?如何解決Cannot?set?properties?of?undefined,需要的朋友可以參考下2024-01-01
JS面向?qū)ο缶幊袒A(chǔ)篇（一） 對(duì)象和構(gòu)造函數(shù)實(shí)例詳解
這篇文章主要介紹了JS面向?qū)ο缶幊虒?duì)象和構(gòu)造函數(shù),結(jié)合實(shí)例形式詳細(xì)分析了JS面向?qū)ο缶幊虒?duì)象和構(gòu)造函數(shù)具體概念、原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-03-03
element?table?點(diǎn)擊某一行中按鈕加載功能實(shí)現(xiàn)
在Element UI中,實(shí)現(xiàn)表格（element-table）中的這種功能通常涉及到數(shù)據(jù)處理和狀態(tài)管理,這篇文章主要介紹了element?table?點(diǎn)擊某一行中按鈕加載功能,需要的朋友可以參考下2024-06-06
微信小程序視圖容器(swiper)組件創(chuàng)建輪播圖
這篇文章主要為大家詳細(xì)介紹了微信小程序視圖容器（swiper）組件創(chuàng)建輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-08-08
Mock.js的安裝與使用教程(擺脫后端同學(xué)的束縛)
Mock功能可以根據(jù)接口/數(shù)據(jù)結(jié)構(gòu)定義、Mock規(guī)則配置、Mock?期望配置，自動(dòng)生成模擬數(shù)據(jù),且使用者可以根據(jù)需要靈活構(gòu)造各種結(jié)構(gòu)的接口數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于Mock.js的安裝與使用的相關(guān)資料,需要的朋友可以參考下2022-08-08
JavaScript中使用構(gòu)造器創(chuàng)建對(duì)象無(wú)需new的情況說(shuō)明
JS中創(chuàng)建對(duì)象可以直接使用直接量的方式，這里討論的是定義一個(gè)構(gòu)造器(function)的情況2012-03-03
js獲取input標(biāo)簽的輸入值實(shí)現(xiàn)代碼
input標(biāo)簽的輸入值通過(guò)js進(jìn)行獲取，部分標(biāo)簽和類是封裝在框架內(nèi)的，其效果和html標(biāo)簽差不多，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下，希望對(duì)大家有所幫助2013-08-08
js輸入框使用正則表達(dá)式校驗(yàn)輸入內(nèi)容的實(shí)例
下面小編就為大家?guī)?lái)一篇js輸入框使用正則表達(dá)式校驗(yàn)輸入內(nèi)容的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
JSON（JavaScript Object Notation）即JavaScript對(duì)象表示法，是一種輕量級(jí)的數(shù)據(jù)交換格式。它非常便于編程人員對(duì)數(shù)據(jù)的處理，也便于機(jī)器對(duì)數(shù)據(jù)的解析和生成，應(yīng)用非常廣泛2016-02-02
我要點(diǎn)爆”微信小程序云開發(fā)之項(xiàng)目建立與我的頁(yè)面功能實(shí)現(xiàn)
這篇文章主要介紹了我要點(diǎn)爆”微信小程序云開發(fā)之項(xiàng)目建立與我的頁(yè)面功能實(shí)現(xiàn)，本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-05-05