js 你不知道的函數——偏函數

js 偏函數

在 js 函數中，有一種函數叫偏函數( 左傾 )，其原理是將一些函數組合封裝到一個函數中，調用時可以按順序實現全部功能。

function toUpperCase(str){
    return str.toUpperCase(); // 將字符串變成大寫
}

function add(str){
    return str + '!!!'; // 將字符串拼接
}

function split(str){
    return str.split(''); // 將字符串拆分為數組
}

function reverse(arr){
    return arr.reverse(); // 將數組逆序
}

function join(arr){
    return arr.join('-'); // 將數組按'-'拼接成字符串
}

function compose(){
    var args = Array.prototype.slice.call(arguments); // 類數組轉換為數組
    var len = args.length - 1; // 最后一個參數的索引
    return function(x){
        var result = args[len](x); // 執行最后一個函數的結果
        while(len--){
            result = args[len](result); // 執行每個函數的結果
        }
        return result;
    }
}

var f = compose(add, join, reverse, split, toUpperCase);
console.log( f('cba') ); // A-B-C!!!

在組合函數 compose 中，依次執行 toUpperCase、split、reverse、join、add 實現全部功能。接下來給出更優雅的寫法，通過數組自帶的方法實現。

function compose1(){
    var args = Array.prototype.slice.call(arguments); // 轉換為數組使用下面的方法
    return function(x){
        return args.reduceRight(function(result, cb){
            return cb(result);
        }, x);
    }
}

var f = compose1(add, join, reverse, split, toUpperCase);
console.log( f('cba') ); // A-B-C!!!

最后用 ES6 的方法實現如下

const compose2 = (...args) => x => args.reduceRight((result, cb) => cb(res), x);

var f = compose2(add, join, reverse, split, toUpperCase);
console.log( f('cba') ); // A-B-C!!!

以上就是 js 高階函數--偏函數的實現方法，希望對大家有所幫助。