javaScript中的函數(shù)應(yīng)用

wenhai.he 發(fā)布于2019-08-16 10:29 / 668人閱讀

摘要：概要當(dāng)中的函數(shù)站在不同的角度有不同的分類和應(yīng)用本文站在高階函數(shù)的角度來討論當(dāng)中函數(shù)的應(yīng)用場(chǎng)景。解決老版本瀏覽器函數(shù)兼容性問題判斷數(shù)據(jù)類型高階函數(shù)實(shí)現(xiàn)也就是面向切面編程在中這個(gè)概念基礎(chǔ)且重要。

概要

js當(dāng)中的函數(shù)站在不同的角度有不同的分類和應(yīng)用,本文站在高階函數(shù)的角度來討論js當(dāng)中函數(shù)的應(yīng)用場(chǎng)景。

首先明確高階函數(shù)定義:

函數(shù)可以作為參數(shù)被傳遞

函數(shù)可以作為返回值輸出

應(yīng)用場(chǎng)景 函數(shù)作為參數(shù)被傳遞

這種情況其實(shí)是比較常見的,日常用的挺多的,例如ajax請(qǐng)求成功之后的callback函數(shù)、各種插件,框架當(dāng)中的鉤子函數(shù)等等。下面舉個(gè)我們常用的例子:

var tmpAry=[2,1,3];

tmpAry.sort(function(a,b){
    return a-b;
});
console.log(tmpAry);   //[1,2,3]

目的:把函數(shù)中易變或公用邏輯抽離,封裝成函數(shù)參數(shù),隔離變與不變部分,達(dá)到更好的封裝和復(fù)用。

函數(shù)作為返回值輸出

這個(gè)其實(shí)我在日常寫代碼中用的比較少,但并不能說明這個(gè)不常見,所以下面我會(huì)多舉幾個(gè)例子。

解決老版本瀏覽器bind函數(shù)兼容性問題

Function.prototype.bind=function(context){
    var self=this;
    return function(){
        return self.apply(context,args);
    }
}

判斷數(shù)據(jù)類型

var isType=function(type){
    return function(obj){
        return Object.prototype.toString.call(obj)==="[object "+ type + "]";
    }
}
var isString=isType("String");
console.log(isString("gcy"));  //true

高階函數(shù)實(shí)現(xiàn)aop

AOP也就是面向切面編程,在java中這個(gè)概念基礎(chǔ)且重要。具體就是通過reflect或動(dòng)態(tài)代理(jdk動(dòng)態(tài)代理和cglib動(dòng)態(tài)代理)動(dòng)態(tài)的在業(yè)務(wù)函數(shù)之前或之后添加一些
可復(fù)用的代碼邏輯,例如典型的日志統(tǒng)計(jì)、權(quán)限控制等等。用aop的目的就是希望業(yè)務(wù)邏輯模塊高內(nèi)聚,同時(shí)達(dá)到非業(yè)務(wù)公共模塊可復(fù)用,易維護(hù)。

Function.prototype.before=function (beforefn) {
    var _self=this;//保存原函數(shù)的引用
    return function () {  //代理函數(shù)
        beforefn.apply(this,arguments);
        _self.apply(this,arguments);
    }
};

Function.prototype.after=function (afterfn) {
    var _self=this;
    return function () {
        var ret=_self.apply(this,arguments);
        afterfn.apply(this,arguments);
        return ret;  //執(zhí)行原函數(shù),并返回原函數(shù)的執(zhí)行結(jié)果
    }
}
var  func=function () {
    console.log("ing");
}
func=func.before(function () {
    console.log("before")
}).after(function () {
    console.log("after");
})
func(); //before  ing  after

這個(gè)其實(shí)有很多應(yīng)用場(chǎng)景,比如統(tǒng)計(jì)函數(shù)執(zhí)行時(shí)間,動(dòng)態(tài)改變函數(shù)參數(shù)等等。

function currying

首先currying的概念是部分求值,具體含義就是指動(dòng)態(tài)的接受一些參數(shù),不立即求值,在需要計(jì)算求值時(shí)訪問之前閉包中保存的參數(shù),一次性進(jìn)行求值。
下面是一個(gè)部分求值通用的currying函數(shù)。

var currying=function (fn) {
    var args=[];
    return function () {
        if(arguments.length===0){
            return fn.apply(this,args);
        }else{
            [].push.apply(args,arguments);
            return arguments.callee;  //指向當(dāng)前匿名函數(shù),以便于參數(shù)連續(xù)暫存
        }
    }
}
var cost=(function () {
    var money=0;
    return function () {
        for(var i=0,len=arguments.length;i
總結(jié)
其實(shí)高階函數(shù)應(yīng)用場(chǎng)景很多,我只是總結(jié)列舉了一些自己學(xué)習(xí)中碰到的典型例子,以后遇到一些適當(dāng)?shù)?會(huì)繼續(xù)完善。