首页 > 代码库 > js实现类似于add(1)(2)(3)调用方式的方法

js实现类似于add(1)(2)(3)调用方式的方法

群里有人说实现类似add(1)(2)(3)调用方式的方法,结果马上有人回答:

  1. var add = function(a){
  2. return function(b){
  3. return function(c){
  4. return a+b+c;
  5. };
  6. };
  7. };
  8.  
  9. add(1)(2)(3); //6

没错!那要是add(1)(2)(3)(4) 这样4个调用呢,那这个肯定不适用了。

这种就是类似于执行一个函数返回函数自身值:
  1. function add(x) {
  2. var sum = x;
  3. var tmp = function (y) {
  4. sum = sum + y;
  5. return tmp;
  6. };
  7. tmp.toString = function () {
  8. return sum;
  9. };
  10. return tmp;
  11. }
  12. console.log(add(1)(2)(3)); //6
  13. console.log(add(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的值;

 

 

摘自:http://www.css88.com/archives/5147#more-5147

js实现类似于add(1)(2)(3)调用方式的方法