开发学院网页设计 JavaScript 理顺 JavaScript (16) - 使用 prototype 阅读

理顺 JavaScript (16) - 使用 prototype

　2010-09-14 13:40:22　来源：WEB开发网　闂傚倸鍊搁崐椋庢濮橆兗缂氱憸宥堢亱闂佸湱铏庨崰鏍不椤栫偞鐓ラ柣鏇炲€圭€氾拷

闂傚倸鍊搁崐椋庣矆娓氣偓楠炲鏁撻悩鎻掔€梺姹囧灩閻忔艾鐣烽弻銉︾厵闁规鍠栭。濂告煕鎼达紕校闁靛洤瀚伴獮鎺楀箣濠靛啫浜鹃柣銏⑶圭壕濠氭煙閻愵剚鐏辨俊鎻掔墛缁绘盯宕卞Δ鍐冣剝绻涘畝濠佺敖缂佽鲸鎹囧畷鎺戭潩閹典焦鐎搁梻浣烘嚀閸ゆ牠骞忛敓锟�

婵犵數濮烽弫鍛婃叏椤撱垹绠柛鎰靛枛瀹告繃銇勯幘瀵哥畼闁硅娲熷缁樼瑹閳ь剙岣胯鐓ら柕鍫濇偪濞差亜惟闁宠桨鑳堕崝锕€顪冮妶鍡楃瑐闁煎啿鐖奸崺濠囧即閵忥紕鍘梺鎼炲劗閺呮稒绂掕缁辨帗娼忛埡浣锋闂佽桨鐒﹂幑鍥极閹剧粯鏅搁柨鐕傛嫹闂傚倸鍊搁崐椋庢濮橆兗缂氱憸宥堢亱闂佸湱铏庨崰鏍不椤栫偞鐓ラ柣鏇炲€圭€氾拷　　闂傚倸鍊搁崐鐑芥嚄閼哥數浠氱紓鍌欒兌缁垶銆冮崨鏉戠厺鐎广儱顦崡鎶芥煏韫囨洖校闁诲寒鍓熷铏圭磼濡搫顫嶅銈嗗姉閸樠囧煡婢跺á鐔兼煥鐎ｎ兘鍋撴繝姘拺鐟滅増甯掓禍浼存煕閹惧鈽夐柍缁樻煥椤繈鎳滅喊妯诲闂備礁鎲＄粙鎴︺偑閺夋垟鏋旈柡鍐ｅ亾缂佺粯绋撴禒锕傚磼濮橆剦鐎抽梻浣哥－缁垶骞戦崶顒傚祦閻庯綆浜栭弨浠嬫煙闁箑澧い鏂垮€规穱濠囨倷椤忓嫧鍋撻弽褜娼栧┑鐘宠壘閸屻劎鎲歌箛娑樼疅闁圭虎鍠楅弲鎼佹煥閻曞倹瀚�

核心提示：给对象增减方法functionRect(w,h){this.width=w;this.height=h;}varr=newRect(2,3);/*给r对象增加一个计算面积的方法area()*/r.area=function(){returnthis.width*this.height};alert(r.width);/

给对象增减方法

function　Rect(w,　h)　{ 　this.width　=　w; 　this.height　=　h; } var　r　=　new　Rect(2,　3); /*　给　r　对象增加一个计算面积的方法　area()　*/ r.area　=　function()　{return　this.width　*　this.height}; alert(r.width);　//2 alert(r.height);　//3 alert(r.area());　//6 delete　r.area;　//删除刚刚增加的方法 alert(r.area);　//undefined

给类增减方法

function　Rect(w,　h)　{ 　this.width　=　w; 　this.height　=　h; } var　r　=　new　Rect(2,　3); /*　给　r　对象所属的类增加一个计算面积的方法　area()　*/ Rect.prototype.area　=　function()　{return　this.width　*　this.height}; alert(r.width);　//2 alert(r.height);　//3 alert(r.area());　//6 /*　给类(而不是对象)增加的方法会影响到旗下所有对象　*/ var　r2　=　new　Rect(4,　5); alert(r2.width);　//4 alert(r2.height);　//5 alert(r2.area());　//20 delete　Rect.prototype.area;　//删除刚刚给类增加的方法 alert(r.area);　　　　　　　//undefined

给其他类增加方法

/*　给　Array　增加一个倒排序的方法　*/ Array.prototype.usort　=　function()　{this.sort();　this.reverse()};　//该函数写得太凑合了 var　arr　=　new　Array(1,3,2,4,3,5); arr.sort(); alert(arr);　//1,2,3,3,4,5 arr.usort(); alert(arr);　//5,4,3,3,2,1 /*　假如给　Object　增加一个方法　*/ Object.prototype.msg　=　function()　{alert('我无处不在!');} var　obj　=　{}; obj.msg();　//我无处不在! var　arr　=　[]; arr.msg();　//我无处不在! var　str　=　''; str.msg();　//我无处不在!