浅谈JavaScript之function用括号包起来

  1. (function a(){}) (命名函数表达式)会返回这个函数(不会执行),但是在括号外面无法调用该函数,需要一个变量接收这个函数,var fun = (function a(){}),一般这个用在递归上,比如
var fact = (function f(num){  
      if(num === 1 )
          return 1;
      else 
          return num * f(num - 1);
      })
  1. function a(){}(函数声明)返回undefined(不会执行),仅仅是函数声明(声明提前)

  2. var res = function a(){}() (函数表达式),立即执行该函数,必须使用一个变量接收返回值,否则报错。

  3. (function a(){})() (函数表达式),立即执行该函数,不必须使用变量接收。

     示例代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        //1.函数声明,不会执行。
        function a() {
            alert("函数a");
        }

        //2.函数表达式,立即执行该函数,必须使用一个变量接收返回值,否则报错。
        var res = function b() {
            alert("函数b");;
        }();

        //3.函数表达式,立即执行该函数,不必须使用变量接收。
        (function c() {
            alert("函数c")
        })();
    </script>
</head>
<body>
</body>
</html>

总结

以上不同结果出现的原因是因为函数表达式和函数声明的区别。

猜你喜欢

转载自blog.csdn.net/xiaocai0923/article/details/89302811
今日推荐