JavaScript以不同的方式调用函数

Set*_*pan 7 html javascript jquery web ecmascript-6

  1. 调用如下函数之间有什么区别/相似之处?
  2. 有这两种方式的目的是什么?
  3. 它们的优缺点是什么?
  4. 有人可以解释这个电话是如何工作的 - > sum(2)(3);?并提到其他常规相当于这个电话?

可以像下面的代码一样创建此调用的sum函数

function sum(x) {
  if (arguments.length == 2) {
    return arguments[0] + arguments[1];
  } else {
    return function(y) { return x + y; };
  }
}

console.log(sum(2,3));   // Outputs 5
console.log(sum(2)(3));  // Outputs 5
Run Code Online (Sandbox Code Playgroud)

Raf*_*ael 6

取决于上下文,这两种方法同样重要,但我猜想后一种形式的使用较少.何时使用一个而不是另一个?很简单,如果您需要传递可立即访问的参数,请使用第一个表单.如果其中一个参数未更改且调用者需要函数,请使用第二个表单.考虑一下这段代码,我相信它清楚地说明了我的观点:

function add_direct(a, b) {
    return a + b;
}

function add_functor(a) {
    return function (b) {
        return a + b;
    }
}

var nums = [1,4,8];

var add3 = add_functor(3);

console.log(nums.map(add3));

console.log(nums.map(n => {
    return add_direct(3, n);
}));
Run Code Online (Sandbox Code Playgroud)

他们都增加3,但第二种形式在这里有意义.两者都有自己的优点和缺点.希望这能清除空气.

PS:在C++中,第二种形式称为Functor ; 其他人称它们为闭包或函数对象.