js 把一个函数赋给一个变量时带括号与不带括号的区别

最新推荐文章于 2022-08-10 11:33:02 发布

原创最新推荐文章于 2022-08-10 11:33:02 发布 · 2.9k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #函数

JS学习笔记专栏收录该内容

9 篇文章

订阅专栏

本文探讨了JavaScript中函数作为变量赋值的不同方式及其效果。解析了直接赋值与执行后赋值的区别，并通过实例说明了闭包及作用域链的概念。

function test(){
        return "hello";
}
var aaa = test;
console.log(aaa );
console.log(aaa ());

第一种情况：//function test(){return “hello”;} //此种写法是将函数赋值给变量，也就是将内存给这段函数的首地址赋值给变量

第二种情况：//hello 此种写法是将函数的返回值赋值给变量

function hi(){  
  var a = 1;  
  return function(){
   console.log(a++);
  };  
};         
var aaa = hi();
var bbb = hi;
aaa();
aaa();
bbb();

这段代码中 aaa与bbb的区别是什么？

aaa 是将 hi() 的运行结果赋值给它，即 return 返回的匿名函数，此时有一个闭包，则每次调用 aaa 时都访问的同一个 a，aaa() 第一次运行结果为 1，第二次为2
而 bbb 将是将 hi 这个函数名赋值给它，则调用 bbb() 后返回一个函数表达式，即function(){console.log(a++)};

bbb就是hi本身，换句话说就是外层的function。bbb()的结果应该跟hi()的结果一样。
aaa是hi()调用之后返回的那个东西，也就是说它是里层的function，a是它闭包里面的一个对象。aaa()的调用结果是console.log(a++)。

总结：加括号是把函数执行后的值赋值给变量；不加括号是把函数本身赋值给变量