关于函数

理解函数的几种声明方式，以及其中的差异。

声明方式

ECMA规范只明确了一点：函数声明必须带有标示符（Identifier）（就是大家常说的函数名称），而函数表达式则可以省略这个标示符。规则如下：

函数声明只能出现在程序或函数体内。从句法上讲，它们 不能出现在Block（块）（{ … }）中，例如不能出现在 if、while 或 for 语句中。因为 Block（块） 中只能包含Statement语句， 而不能包含函数声明这样的源元素。另一方面，仔细看一看规则也会发现，唯一可能让表达式出现在Block（块）中情形，就是让它作为表达式语句的一部分。但是，规范明确规定了表达式语句不能以关键字function开头。而这实际上就是说，函数表达式同样也不能出现在Statement语句或Block（块）中（因为Block（块）就是由Statement语句构成的）。

函数声明

如果function foo(){}被包含在一个函数体内，或者位于程序的最顶部的话，那它就是一个函数声明。

  1. function foo(){} // 声明，因为它是程序的一部分
  3. (function(){
  4.     function bar(){} // 声明，因为它是函数体的一部分
  5.   })();

函数的声明方式会得到提升，且如果有相同的函数，会覆盖。比如:

  1. if (true) {
  2.     function foo(){ return 1; }
  3.   }
  4.   else {
  5.     function foo(){ return 2; }
  6.   }
  7.   foo(); // 1
  9. // 在ECMAScript的语法扩展中，有一个是函数语句, Gecko内核下可以使用,返回1
  10. // 其他浏览器下，返回2

函数表达式

如果function foo(){}是作为赋值表达式的一部分的话，那它就是一个函数表达式。

还有一种函数表达式不太常见，就是被括号括住的(function foo(){})，他是表达式的原因是因为括号 ()是一个分组操作符，它的内部只能包含表达式。你可以会想到，在使用eval对JSON进行执行的时候，JSON字符串通常被包含在一个圆括号里：eval('(' + json + ')')，这样做的原因就是因为分组操作符，也就是这对括号，会让解析器强制将JSON的花括号解析成表达式而不是代码块。

  1. var bar = function foo(){}; // 表达式，因为它是赋值表达式的一部分
  2. new function bar(){}; // 表达式，因为它是new表达式
  3. (function foo(){}); // 函数表达式：包含在分组操作符内

区别

  • 函数声明会在任何表达式被解析和求值之前先被解析和求值，即使你的声明在代码的最后一行，它也会在同作用域内第一个表达式之前被解析/求值
  • 函数声明在条件语句内虽然可以用，但是没有被标准化，也就是说不同的环境可能有不同的执行结果，所以这样情况下，最好使用函数表达式

    命名函数表达式

在web开发中有个常用的模式是基于对某种特性的测试来伪装函数定义，从而达到性能优化的目的，但由于这种方式都是在同一作用域内，所以基本上一定要用函数表达式：

  1. // 该代码来自Garrett Smith的APE Javascript library库(http://dhtmlkitchen.com/ape/) 
  2.   var contains = (function() {
  3.     var docEl = document.documentElement;
  5.     if (typeof docEl.compareDocumentPosition != 'undefined') {
  6.       return function(el, b) {
  7.         return (el.compareDocumentPosition(b) & 16) !== 0;
  8.       };
  9.     }
  10.     else if (typeof docEl.contains != 'undefined') {
  11.       return function(el, b) {
  12.         return el !== b && el.contains(b);
  13.       };
  14.     }
  15.     return function(el, b) {
  16.       if (el === b) return false;
  17.       while (el != b && (b = b.parentNode) != null);
  18.       return el === b;
  19.     };
  20.   })();

一点需要记住：这个名字只在新定义的函数作用域内有效，因为规范规定了标示符不能在外围的作用域内有效：

  1. var f = function foo(){
  2.    return typeof foo; // foo是在内部作用域内有效
  3.  };
  4.  // foo在外部用于是不可见的
  5.  typeof foo; // "undefined"
  6.  f(); // "function"

命名函数表达式的作用：给它一个名字就是可以让调试过程更方便，因为在调试的时候，如果在调用栈中的每个项都有自己的名字来描述，那么调试过程就太爽了，感受不一样嘛。特别是在匿名函数的时候比较有效。

函数的内存管理

如果我们的代码中返回多个闭包的情况，如果没有手动设置null的话，内存不会被自动释放。

参考资料

原文: https://leohxj.gitbooks.io/front-end-database/content/javascript-basic/function.html