這篇文章主要介紹了JavaScript中的函數模式詳解,本文講解了創建函數的語法、函數表達式、命名函數表達式、函數的聲明、函數聲明與表達式、函數的提升、即時函數模式等內容,需要的朋友可以參考下
JavaScript設計模式的作用是提高代碼的重用性,可讀性,使代碼更容易的維護和擴展
在javascript中,函數是一類對象,這表示他可以作為參數傳遞給其他函數;此外,函數還可以提供作用域。
創建函數的語法
命名函數表達式
代碼如下:
函數的聲明
代碼如下:
函數聲明與表達式
函數的提升(hoisting)
函數聲明的行為並不等同於命名函數表達式,其區別在於提升(hoisting)行為,看下面例子:
代碼如下:
function hoist(){
console.log(typeof foo);//function
console.log(typeof bar);//undefined
foo();//local foo!
bar();//TypeError: 'undefined' is not a function
//變量foo以及實現者被提升
function foo(){
alert('local foo!');
}
//僅變量bar被提升,函數實現部分 並未被提升
var bar = function(){
alert('local bar!');
};
}
hoist();
</script>
提升,顧名思義,就是把下面的東西提到上面。在JS中,就是把定義在後面的東西(變量或函數)提升到前面中定義。 從上面的例子可以看出,在函數hoist內部中的foo和bar移動到了頂部,從而覆蓋了全局foo和bar函數。局部函數bar和foo的區別在於,foo被提升到了頂部且能正常運行,而bar()的定義並沒有得到提升,僅有它的聲明被提升,所以,當執行bar()的時候顯示結果為undefined而不是作為函數來使用。
即時函數模式
函數也是對象,因此它們可以作為返回值。使用自執行函數的好處是直接聲明一個匿名函數,立即使用,省得定義一個用一次就不用的函數,而且免了命名沖突的問題,js中沒有命名空間的概念,因此很容易發生函數名字沖突,一旦命名沖突以最後聲明的為准。
模式一:
代碼如下:
alert(result);//result 指向了由自執行函數的返回值2;如果彈出result()會出錯
</script>
alert(result());//alert(result)的時候彈出2;alert(result())的時候彈出function(){return 2}
</script>
模式四:自執行函數把它的返回值賦給變量
代碼如下:
回調模式
回調函數:當你將一個函數write()作為一個參數傳遞給另一個函數call()時,那麼在某一時刻call()可能會執行(或者調用)write()。這種情況下,write()就叫做回調函數(callback function)。
異步事件監聽器
回調模式有許多用途,比如,當附加一個事件監聽器到頁面上的一個元素時,實際上是提供了一個回調函數的指針,該函數將會在事件發生時被調用。如:
代碼如下:
javascript特別適用於事件驅動編程,因為回調模式支持程序以異步方式運行。
超時
使用回調模式的另一個例子是,當使用浏覽器的window對象所提供的超時方法:setTimeout()和setInterval(),如:
代碼如下:
當設計一個js庫時,回調函數將派上用場,一個庫的代碼應盡可能地使用可復用的代碼,而回調可以幫助實現這種通用化。當我們設計一個龐大的js庫時,事實上,用戶並不會需要其中的大部分功能,而我們可以專注於核心功能並提供“掛鉤形式”的回調函數,這將使我們更容易地構建、擴展,以及自定義庫方法
Curry化
Curry化技術是一種通過把多個參數填充到函數體中,實現將函數轉換為一個新的經過簡化的(使之接受的參數更少)函數的技術。———【精通JavaScript】
簡單來說,Curry化就是一個轉換過程,即我們執行函數轉換的過程。如下例子:
代碼如下:
現在,我們將可使用任意函數curry的通用方法,如:
代碼如下:
//另一種選擇,直接調用新函數
test(add,6)(7);//輸出13
</script>
當發現正在調用同一個函數時,並且傳遞的參數絕大多數都是相同的,那麼該函數可能是用於Curry化的一個很好的候選參數