这样的写法 (function(){ /* do something */ })(); 的含义, JavaScript

执行匿名函数,并且匿名函数中的变量不污染全局变量空间。

代码:

  1. <html>
  2. <head>
  3. <meta http-equiv=“content-type” content=“text/html; charset=UTF-8” />
  4. </head>
  5. <body>
  6. <script type=“text/javascript”>
  7. (function(){
  8.     var inside=“inside”;
  9.     document.writeln(“<p>函数0 无返回值,运行,未污染全局变量空间<br>“);
  10.     document.writeln(“I am running in a function anonymous.<br>“);
  11.     document.writeln(“var inside undefined :” + (typeof inside === ‘undefined’) + “<br>“);
  12.     document.writeln(“var inside values: ” + inside + “<br>“);
  13. })();
  14. var res1 = (function () {
  15.     var inside=“inside”;
  16.     document.writeln(“<p>函数1 有返回值,运行,未污染全局变量空间<br>“);
  17.     document.writeln(“I am running in a function anonymous.<br>“);
  18.     document.writeln(“var inside undefined :” + (typeof inside === ‘undefined’) + “<br>“);
  19.     document.writeln(“var inside values: ” + inside + “<br>“);
  20.     return 111;
  21. })();
  22. var res2 = function () {
  23.     var inside=“inside”;
  24.     document.writeln(“<p>函数2 有返回值,运行,未污染全局变量空间<br>“);
  25.     document.writeln(“I am running in a function anonymous.<br>“);
  26.     document.writeln(“var inside undefined :” + (typeof inside === ‘undefined’) + “<br>“);
  27.     document.writeln(“var inside values: ” + inside + “<br>“);
  28.     return 222;
  29. }();
  30. var res3 = function foo() {
  31.     var inside=“inside”;
  32.     document.writeln(“<p>函数3 有返回值,运行,未污染全局变量空间<br>“);
  33.     document.writeln(“I am running in a naming function.<br>“);
  34.     document.writeln(“var inside undefined :” + (typeof inside === ‘undefined’) + “<br>“);
  35.     document.writeln(“var inside values: ” + inside + “<br>“);
  36.     return 333;
  37. }();
  38. function bar() {
  39.     var inside=“inside”;
  40.     document.writeln(“<p>函数4 有返回值,定义未运行,未污染全局变量空间<br>“);
  41.     document.writeln(“I am running in a naming function.<br>“);
  42.     document.writeln(“var inside undefined :” + (typeof inside === ‘undefined’) + “<br>“);
  43.     document.writeln(“var inside values: ” + inside + “<br>“);
  44.     return 444;
  45. };
  46. var res4 = bar();  // bar运行
  47. document.writeln(“<p>全局,所有匿名函数未污染全局变量空间<br>“);
  48. document.writeln(“var inside undefined :” + (typeof inside === ‘undefined’));
  49. document.writeln(“<br>“);
  50. document.writeln(“function foo undefined :” + (typeof foo === ‘undefined’));
  51. document.writeln(“<br>“);
  52. document.writeln(“function bar undefined :” + (typeof bar === ‘undefined’));
  53. document.writeln(“<br>“);
  54. document.writeln(“匿名函数1返回值:” + res1);
  55. document.writeln(“<br>“);
  56. document.writeln(“匿名函数2返回值:” + res2);
  57. document.writeln(“<br>“);
  58. document.writeln(“命名函数foo定义并调用的返回值:” + res3);
  59. document.writeln(“<br>“);
  60. document.writeln(“命名函数bar调用的返回值:” + res4);
  61. document.writeln(“<br>“);
  62. </script>
  63. </body>
  64. </html>

执行结果:

  1. 函数0 无返回值,运行,未污染全局变量空间
  2. I am running in a function anonymous.
  3. var inside undefined :false
  4. var inside values: inside
  5. 函数1 有返回值,运行,未污染全局变量空间
  6. I am running in a function anonymous.
  7. var inside undefined :false
  8. var inside values: inside
  9. 函数2 有返回值,运行,未污染全局变量空间
  10. I am running in a function anonymous.
  11. var inside undefined :false
  12. var inside values: inside
  13. 函数3 有返回值,运行,未污染全局变量空间
  14. I am running in a naming function.
  15. var inside undefined :false
  16. var inside values: inside
  17. 函数4 有返回值,定义未运行,未污染全局变量空间
  18. I am running in a naming function.
  19. var inside undefined :false
  20. var inside values: inside
  21. 全局,所有匿名函数未污染全局变量空间
  22. var inside undefined :true
  23. function foo undefined :true
  24. function bar undefined :false
  25. 匿名函数1返回值:111
  26. 匿名函数2返回值:222
  27. 命名函数foo定义并调用的返回值:333
  28. 命名函数bar调用的返回值:444

Leave a Reply