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

