javascript 模式之API模式

javascript API模式：可以協助我們為函數提供更好，更整潔的介面。這些模式主要包括以下幾個：1)回調模式：函數也是對象，因此可以作為參數傳遞，看如下例子：function demo01 (callback){callback();}function test01(){console.log("aaa");}demo01(test01);//"aaa"下面來看看回調及其範圍：var myobj = {name:"zhangsan",setName:function(person){person.name = this.name;}};function getName(callback){var obj={};if(typeof callback === "function"){callback(obj);}return obj.name;}console.log(getName(myobj.setName));//返回Null 字元，因為此時的this 引用的是全域對象（window）,window.name並麼有定義。怎麼解決這個問題呢？使用回調並傳遞迴調所屬的對象。var myobj = {name:"zhangsan",setName:function(person){person.name = this.name;}};function getName(callback,callObj){var obj={};if(typeof callback === "string"){   callback = callObj[callback];}if(typeof callback === "function"){callback.call(callObj,obj);}return obj.name;}console.log(getName("setName",myobj));//zhangsanconsole.log(getName(myobj.setName,myobj));//zhangsan2)設定物件模式：優點：a)不需要記住很多參數，及其順序;b)可以安全忽略選擇性參數c)易於閱讀和維護d)易於添加和刪除參數缺點：a)使用時需要記住參數名稱b)進行代碼最佳化及壓縮時，屬性名稱無法壓縮var configure = {name:"zhangsan",sex :"male",age :23}setPerson(configure);//進行參數傳遞3)返回函數模式：函數是對象，因此可以做為傳回值返回。看下面的函數：var parent = function(){var name = "zhangsan";return function(){return name;}}console.log(parent()());//zhangsanparent()函數返回了一個函數，建立了一個閉包，我們可以使用這個閉包儲存一些私人資料，而這些資料僅可被返回函數訪問，但是外部代碼卻不可訪問。下面我們來看一個計數器的例子：var getCount = function(){var i=0;return function(){return ++i;}}var getI = getCount();getI();//1getI();//2getI();//34)Curry化模式：我們先來做一個加法的例子：var add = function(x,y){return x+y;}add(1,2)//3現在把單步運行類比如下：var add = function(x,y){return 1+y;}var add = function(x,y){return 1+2;}我們來curry化add函數以達到我們想要的要求：var add = function(x,y){if(typeof y === "undefined"){return function(y){return x + y;}}return x+y;}console.log(add(1));//functionconsole.log(add(1,2));//3console.log(add(1)(2));//3根據以上執行個體，我們來封裝一個curry化函數myCurryfunction myCurry(fn){var slice = Array.prototype.slice,oldargs = slice.call(arguments,1);return function(){var newargs = slice.call(arguments),args = oldargs.concat(newargs);return fn.apply(null,args);}}function multi(a,b,c,d){return a*b*c*d;}console.log(myCurry(multi,1,2)(3,4));//24根據以上執行個體，那麼我們何時使用Curry化呢，當我們發現調用同一個函數，並且傳遞的參數絕大多數都是相同的時候，可以考慮使用函數Curry化。