javascript连续求值

最新推荐文章于 2025-08-15 22:56:20 发布

转载最新推荐文章于 2025-08-15 22:56:20 发布 · 79 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bluedream2009/archive/2009/09/05/1560767.html

文章标签：

#javascript #ViewUI

本文介绍了一种在JavaScript中实现连续函数调用的方法，并通过示例展示了如何使用该方法进行连续加法运算、求最大值及DOM元素获取。文章还提供了两种不同的递归策略：先链接返回值和参数再调用目标函数，以及先递归调用再处理返回值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="text" id="a" />
<input type="text" id="b" />
<input type="text" id="c" />
<script type="text/javascript">

    Function.prototype.$continuous = function(fn) {
        var me = this;
        return function(){
            // 主要就是在这个包装函数里.判断形参和实参个数.如果形参 > 实参(moreArgs.length > 0);就调用
            // reducer或者processer进行递归操作
            var currentArgs = Array.prototype.slice.call(arguments, 0, me.length);
            var moreArgs = Array.prototype.slice.call(arguments, me.length);
            ret = me.apply(this, currentArgs);
            if(moreArgs.length > 0) {
                ret = fn.call(this, arguments.callee, ret, moreArgs);
            }
            return ret;
        }
    }
    
    function add(x, y){
        return x + y;
    }

    function max(x, y) {
        return x > y ? x : y;
    }

    // 先链接返回值和参数然后返回给函数递归调用
    function reducer(target, returnValue, moreArgs) {
        return target.apply(this, [returnValue].concat(moreArgs));
    }
    // 先进行递归调用 然后将返回值装载到数组
    function processer(target, returnValue, moreArgs) {
        return [returnValue].concat(target.apply(this, moreArgs));
    }    
    // 连续加法运算
    add = add.$continuous(reducer);
    var a = add(1,2,3,4,5);
    alert(a)
    // 连续求最大值
    max = max.$continuous(reducer);
    var m = max(1,3,42,12,3);
    alert(m)
    // 返回元素数组
    var $ = function(id) {
        return document.getElementById(id);
    }.$continuous(processer);

    var els = $("a", "b", "c");
    alert(els)

</script>

转载于:https://www.cnblogs.com/bluedream2009/archive/2009/09/05/1560767.html