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(){
...
}
注:一般講方法放入原型中,因?yàn)樵椭幸话愦鎯Σ蛔兺ㄓ玫臇|西
代碼
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這個類的對象 比如 var f=new Function("alert();")
2、我們也可以往系統(tǒng)默認(rèn)類原型中添加方法,但這不提倡,容易混亂
函數(shù)是一等對象:
匿名函數(shù)可以創(chuàng)建閉包(閉包將另開一個篇進(jìn)行學(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(){
...
}
注:一般講方法放入原型中,因?yàn)樵椭幸话愦鎯Σ蛔兺ㄓ玫臇|西
代碼
復(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這個類的對象 比如 var f=new Function("alert();")
2、我們也可以往系統(tǒng)默認(rèn)類原型中添加方法,但這不提倡,容易混亂
函數(shù)是一等對象:
匿名函數(shù)可以創(chuàng)建閉包(閉包將另開一個篇進(jìn)行學(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解析xml實(shí)現(xiàn)省市縣三級聯(lián)動的方法
這篇文章主要介紹了javascript解析xml實(shí)現(xiàn)省市縣三級聯(lián)動的方法,涉及javascript針對節(jié)點(diǎn)的操作與XML文件解析的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07document.documentElement的一些使用技巧
documentElement 屬性可返回文檔的根節(jié)點(diǎn),接下來為大家詳細(xì)介紹下document.documentElement的一些使用技巧,感興趣的朋友可以參考下哈2013-04-04JavaScript中json數(shù)組查找數(shù)據(jù)的幾種方式(含模糊查找)
這篇文章主要給大家介紹了關(guān)于JavaScript中json數(shù)組查找數(shù)據(jù)的幾種方式,文中包括模糊查找,文中給出了詳細(xì)的代碼示例,對大家學(xué)習(xí)或者使用json具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09JS原生數(shù)據(jù)雙向綁定實(shí)現(xiàn)代碼
本文通過實(shí)例代碼給大家介紹了JS原生數(shù)據(jù)雙向綁定問題,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧2017-08-08JavaScript及jquey實(shí)現(xiàn)多個數(shù)組的合并操作
這篇文章主要介紹了JavaScript及jquey實(shí)現(xiàn)多個數(shù)組的合并操作,在某些情況下還是比較實(shí)用的,需要的朋友可以參考下2014-09-09js如何去除數(shù)組中的empty?undefined空項(xiàng)
這篇文章主要介紹了js如何去除數(shù)組中的empty?undefined空項(xiàng),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-08-08js中bool值的轉(zhuǎn)換及“&&”、“||”、 “!!”詳解
這篇文章主要給大家介紹了關(guān)于js中bool值的轉(zhuǎn)換方法以及"&&" 、"||"、 "!!"的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友下面來一起看看吧。2017-12-12