JS实现add累加

方法1. 定义add函数,无限调用

// 用闭包把参数保存起来,当参数的数量足够执行函数了,就开始执行函数
// 方法1---定义add函数,无限调用
var add1 = function (m) {
    var temp = function (n) {
        return add1(m + n);
    }
    // 代码中temp.toString的重写只是为了函数不执行时能够返回最后运算的结果值,所以这个地方是可以任意修改的
    temp.toString = function () {//toString方法浏览器并不会自动执行,只有alert的时候才会执行一次
        return m;
    }
    return temp;
};
console.log(add1(3)(4)(5)+'');
console.log(add1(3)(6)(9)(25)+'')
1、先执行add(3),此时m=3,并且返回temp函数;
2、执行temp(4),这个函数内执行add(m+n),n是此次传进来的数值4,m值还是上一步中的3,所以add(m+n)=add(3+4)=add(7),此时m=7,并且返回temp函数
3、执行temp(5),这个函数内执行add(m+n),n是此次传进来的数值5,m值还是上一步中的7,所以add(m+n)=add(7+5)=add(12),此时m=12,并且返回temp函数
4、关键性一步,后面没有传入参数,等于返回的temp函数不被执行而是打印,对象的toString是修改对象转换字符串的方法,
因此代码中temp函数的toString函数return m值,而m值是最后一步执行函数时的值m=12,所以返回值是12。

方法2 

function add2(x) {
    var sum = x;
    var tmp = function (y) {
        sum = sum + y;
        return tmp;
    };
    tmp.toString = function () {
        return sum;
    };
    return tmp;
}
console.log(add2(1)(2)(3)+''); //6
console.log(add2(1)(2)(3)(4)+''); //10
首先要一个数记住每次的计算值,所以使用了闭包,在tmp中记住了x的值,第一次调用add(),初始化了tmp,并将x保存在tmp的作用链中,然后返回tmp保证了第二次调用的是tmp函数,后面的计算都是在调用tmp,因为tmp也是返回的自己,保证了第二次之后的调用也是调用tmp,而在tmp中将传入的参数与保存在作用链中x相加并付给sum,这样就保证了计算;
但是在计算完成后还是返回了tmp这个函数,这样就获取不到计算的结果了,我们需要的结果是一个计算的数字那么怎么办呢,首先要知道JavaScript中,打印和相加计算,会分别调用toString或valueOf函数,所以我们重写tmp的toString和valueOf方法,返回sum的值

方法3. 利用了函数的柯里化和闭包特性

function add3(...arg) {
    var tmp = [...arg];//第一个括号传入的参数
    _add = function (...innerArg) {
        if (innerArg.length === 0) {
            return tmp.reduce(function (a, b) { return a + b })
        } else {
            [].push.apply(tmp, innerArg)//Array.prototype.push.apply(arr1,arr2): 在原型上连接数组,将arr2连接在arr1的尾部,参数只能为2个,
            return _add;
        }
    }
    return _add
}
console.log(add3(1)(2)(3)(4)())    // 10

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值