JavaScript實(shí)現(xiàn)柯里化(curry)函數(shù)的案例

小編給大家分享一下JavaScript實(shí)現(xiàn)柯里化(curry)函數(shù)的案例，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

實(shí)現(xiàn)效果

const curry_fn = curry(fn);
fn(1, 2, 3) == curry_fn(1)(2)(3);

實(shí)現(xiàn)思路

1. 通過閉包的方式儲存?zhèn)魅雲(yún)?shù)

2. 通過函數(shù)的length屬性獲得參數(shù)個(gè)數(shù)

3. 當(dāng)參數(shù)個(gè)數(shù)不夠時(shí)直接返回方法

4. 存儲的參數(shù)個(gè)數(shù)等于原函數(shù)參數(shù)個(gè)數(shù)時(shí)執(zhí)行原函數(shù)

• 如果使用ES6參數(shù)默認(rèn)值，length將不等于實(shí)際參數(shù)個(gè)數(shù)

• 參數(shù)由arguments獲取，ES6直接使用rest參數(shù)實(shí)現(xiàn)

源碼實(shí)現(xiàn)

function curry(fn) {
    var length = fn.length; //獲取原函數(shù)的參數(shù)個(gè)數(shù)
    var args = []; // args存儲傳入?yún)?shù)
    return function curryFn() {
        // 將arguments轉(zhuǎn)換成數(shù)組
        var curryArgs = Array.prototype.slice.call(arguments); 
        args = args.concat(curryArgs);
        if (args.length > length) {
            throw new Error('arguments length error')
        }
        // 存儲的參數(shù)個(gè)數(shù)等于原函數(shù)參數(shù)個(gè)數(shù)時(shí)執(zhí)行原函數(shù)
        if (args.length === length) {
            return fn.apply(null, args);
        }
        // 否則繼續(xù)返回函數(shù)
        return curryFn;
    };
}

ES6版

function curry(fn) {
    let length = fn.length;
    let args = [];
    return function curryFn(...curryArgs) {
        args = args.concat(curryArgs);
        if (args.length > length) {
            throw new Error('arguments length error')
        }
        if (args.length === length) {
            return fn(...args);
        }
        return curryFn;
    }
}

看完了這篇文章，相信你對JavaScript實(shí)現(xiàn)柯里化(curry)函數(shù)的案例有了一定的了解，想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！