JavaScript 設(shè)計(jì)模式 富有表現(xiàn)力的Javascript(一)
更新時(shí)間:2010年05月26日 22:11:48 作者:
javascript設(shè)計(jì)模式是圖靈出版,學(xué)習(xí)中力求每個(gè)章節(jié)都細(xì)看。
正題:
1.1 javascript的靈活性
面向?qū)ο髮ο蟮腏avascript編程模式:1、可以保存狀態(tài) 2、具有對象內(nèi)部才能調(diào)用的方法 3、對編寫的程序更能掌握其結(jié)構(gòu),能經(jīng)受的起迭代開發(fā)(個(gè)人認(rèn)為)
//夠造函數(shù),也可俗稱為類
var Anim=function(){
...
}
//類中的方法,javascript中的原型
Anim.prototype.start=function(){
...
}
注:一般講方法放入原型中,因?yàn)樵椭幸话愦鎯?chǔ)不變通用的東西
代碼
Function.prototype.method=function(name,fn){
this.prototype[name]=fn;
}
var Anim=function(){
}
Anim.method("start",function(){alert("開始了")})
Anim.method("stop",function(){alert("停止了")})
var anim=new Anim();
anim.start();
anim.stop();
上面的代碼突顯出一下幾點(diǎn):
1、所有function都是Function這個(gè)類的對象 比如 var f=new Function("alert();")
2、我們也可以往系統(tǒng)默認(rèn)類原型中添加方法,但這不提倡,容易混亂
函數(shù)是一等對象:
匿名函數(shù)可以創(chuàng)建閉包(閉包將另開一個(gè)篇進(jìn)行學(xué)習(xí))
1.1 javascript的靈活性
面向?qū)ο髮ο蟮腏avascript編程模式:1、可以保存狀態(tài) 2、具有對象內(nèi)部才能調(diào)用的方法 3、對編寫的程序更能掌握其結(jié)構(gòu),能經(jīng)受的起迭代開發(fā)(個(gè)人認(rèn)為)
復(fù)制代碼 代碼如下:
//夠造函數(shù),也可俗稱為類
var Anim=function(){
...
}
//類中的方法,javascript中的原型
Anim.prototype.start=function(){
...
}
注:一般講方法放入原型中,因?yàn)樵椭幸话愦鎯?chǔ)不變通用的東西
代碼
復(fù)制代碼 代碼如下:
Function.prototype.method=function(name,fn){
this.prototype[name]=fn;
}
var Anim=function(){
}
Anim.method("start",function(){alert("開始了")})
Anim.method("stop",function(){alert("停止了")})
var anim=new Anim();
anim.start();
anim.stop();
上面的代碼突顯出一下幾點(diǎn):
1、所有function都是Function這個(gè)類的對象 比如 var f=new Function("alert();")
2、我們也可以往系統(tǒng)默認(rèn)類原型中添加方法,但這不提倡,容易混亂
函數(shù)是一等對象:
匿名函數(shù)可以創(chuàng)建閉包(閉包將另開一個(gè)篇進(jìn)行學(xué)習(xí))
您可能感興趣的文章:
- javascript設(shè)計(jì)模式 接口介紹
- javascript設(shè)計(jì)模式 封裝和信息隱藏(上)
- javascript學(xué)習(xí)筆記(九) js對象 設(shè)計(jì)模式
- JavaScript 設(shè)計(jì)模式 安全沙箱模式
- Javascript 設(shè)計(jì)模式(二) 閉包
- javascript 設(shè)計(jì)模式之單體模式 面向?qū)ο髮W(xué)習(xí)基礎(chǔ)
- JavaScript 設(shè)計(jì)模式之組合模式解析
- 小議javascript 設(shè)計(jì)模式 推薦
- JavaScript 設(shè)計(jì)模式學(xué)習(xí) Factory
- JavaScript 設(shè)計(jì)模式學(xué)習(xí) Singleton
- 一種JavaScript的設(shè)計(jì)模式
- javascript設(shè)計(jì)模式之工廠模式示例講解
相關(guān)文章
JavaScript實(shí)現(xiàn)動(dòng)態(tài)表格效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)動(dòng)態(tài)表格效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-06-06
javascript算法解數(shù)獨(dú)實(shí)現(xiàn)方案示例
這篇文章主要為大家介紹了javascript算法解數(shù)獨(dú)實(shí)現(xiàn)方案示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
javascript自定義右鍵彈出菜單實(shí)現(xiàn)方法
這篇文章主要介紹了javascript自定義右鍵彈出菜單實(shí)現(xiàn)方法,涉及javascript操作鼠標(biāo)事件及頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05
淺談函數(shù)調(diào)用的不同方式,以及this的指向
下面小編就為大家?guī)硪黄獪\談函數(shù)調(diào)用的不同方式,以及this的指向。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
JavaScript獲取當(dāng)前運(yùn)行腳本文件所在目錄的方法
這篇文章主要介紹了JavaScript獲取當(dāng)前運(yùn)行腳本文件所在目錄的方法,涉及JavaScript文件目錄操作的相關(guān)技巧,需要的朋友可以參考下2016-02-02
JS+CSS實(shí)現(xiàn)TreeMenu二級樹形菜單完整實(shí)例
這篇文章主要介紹了JS+CSS實(shí)現(xiàn)TreeMenu二級樹形菜單,以完整實(shí)例形式較為詳細(xì)的分析了JS二級樹形菜單的節(jié)點(diǎn)元素操作技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-09-09

