如何用闭包调用Javascript函数？

Question

版本1

 function sayHello2(name){ var text='Hello'+name; var say=function(){ console.log(text); }; return say; } var say2=sayHello2("David"); say2(); 

版本2

 function sayHello2(name){ var text='Hello'+name; var say=function(){ console.log(text); }; return say; } sayHello2("David")(); 

问题：

1. 为什么在版本1中，当您使用var say2调用sayHello2时，不必添加另一组空括号？
2. 如果我下线返回say ;，错误消息将说sayHello2不是函数，为什么？
3. 为什么说say2（）的要点； （版本2的最后一行）？ 如果删除该行，则没有任何变化，“ HelloDavid”仍将被记录。

Answer 1

1. 在这两个代码示例中，进行了两个函数调用。 第一个和第二个之间的区别在于，在第一个样本中，在进行第二个函数调用之前，将第一个函数调用的结果存储在say2 。 第二个示例立即使用sayHello2()的返回值来调用该返回的函数。

2. 如果没有return语句，则sayHello2()返回undefined 。

3. 这个问题的主张，即删除say2(); 行没有改变行为，是不正确的。 如果不调用say2()则不会记录任何内容。

看看sayHello2() ：

function sayHello2(name){
  // Initialize the text that will be logged
  var text='Hello'+name;

  // Create the function that will log the message
  var say=function(){
    console.log(text);
  };

  // Return the logging function
  return say;
}

sayHello2()函数返回对该调用console.log()小函数的引用。 由于函数是JavaScript中的对象值，因此对函数的引用与任何其他类型的值一样有效，并且可以存储在变量中或在表达式中使用。

请注意，在创建日志记录功能时，这是通过var initailization完成的：

  var say=function(){
    console.log(text);
  };

本质上，变量say2发生的事情是相同的：

var say2=sayHello2("David");

除了在这里，在=号的右侧有一个函数调用而不是函数实例化。

该声明

say2();

因此正在调用从调用sayHello2()返回的那个小的日志记录函数。

第二个代码示例执行相同的操作：

sayHello2("David")();

除了没有中间存储返回的函数引用。 而是，该引用立即用于进行第二个函数调用。

在第一个版本中，计算进行的函数调用：

var say2 = sayHello2("David"); // First function call
say2(); // Second function call

在第二个版本中：

// First          // Second
sayHello2("David")();

在JavaScript中，形式为

something()

始终表示“将something解释为对函数的引用，然后调用它（不传递任何参数）”。 如果something内容不是对函数的引用，则会出现异常。 所以在第2版，我们的something是sayHello2("David") 因为那是紧随其后的第二组空括号，所以这意味着我们要告诉JavaScript进行另一个函数调用。