JavaScript以不同的方式调用函数

时间:2017-10-10 00:35:21

标签: javascript jquery html web ecmascript-6

  1. 调用如下函数之间有什么区别/相似之处?
  2. 有这两种方式的目的是什么?
  3. 他们的利弊是什么?
  4. 有人可以解释此通话的工作原理 - > sum(2)(3);?并提到这个电话的其他传统等价物?
  5. 可以像下面的代码

    一样创建此调用的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

3 个答案:

答案 0 :(得分: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);
}));

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

PS:在C ++中,第二种形式称为Functor;其他人称他们为封闭或Function objects

答案 1 :(得分:4)

  • 1和2: 两者都达到了同样的效果。不同之处在于,如果适用,您可以使用后者来减少代码大小。
  • 3: 执行速度可能会有所不同。例如array mapping is slower than functor如果我们使用上面Rafael示例的边缘情况。

Huge array - Edge case Functor vs Function

  • 4: 关于仿函数的讨论通常是正式的和理论的。其原因在于,与所有函数式编程技术一样,仿函数源于数学,在本例中是类别理论。函数定义为:“morphisms between categories”,即函子是定义" fmap"的行为的实体。在给定值和函数的情况下,将{34} morphism&并生成一个新的仿函数。 所以数组是一个Functor,因为可以映射数组。

简而言之,仿函数是一个值(javascript中的一个对象):

  1. 有一个需要函数的map方法
  2. 预期的功能可以返回任何类型的值
  3. map函数将返回另一个相同类型的仿函数(作为原始仿函数)
  4. 您可以找到一些基本示例herehere

答案 2 :(得分:2)

第一种风格只是一个简单而简单的函数调用。

第二种样式在x周围创建一个闭包,并返回一个函数。可以将此函数分配给变量以供以后使用。例如,您可以使用它来创建一系列具有相同逻辑但每个具有不同闭包的实用函数,如下所示:

function exponentiate(exponent) {
    return function(number) { return number ** exponent }
}

var square = exponentiate(2);  // creates a square() function
var cube = exponentiate(3); // creates a cube() function;

console.log(square(2));
console.log(cube(2));

另一个方便的技巧是在DOM节点集合上生成这些函数的数组(包括闭包中的节点引用)。这允许您在节点集合上调用相同的函数,就像方法调用一样,但不会改变它们原型。