1.1 函数的声明 Function Declaration

(1) function 命令

最基本的，跟java差不多：

  1. function print(s) {
  2.   console.log(s);
  3. }

(2) 函数表达式 Function Expression

相当于把匿名函数赋值给变量。

  1. var print = function(s) {
  2.   console.log(s);
  3. };

等号右边是表达式，所以，结尾要带分号。如果后面加上函数名，该函数名只在函数体内部有效，在函数体外部无效。这种写法的用处有两个，一是可以在函数体内部调用自身，二是方便除错（除错工具显示函数调用栈时，将显示函数名，而不再显示这里是一个匿名函数）。下面的形式声明函数也非常常见。

  1. var f = function f() {};

(3) Function 构造函数

用的少不解释太多，最后一个是函数体，其他都是参数，如果只有最后一个，就是没有参数，只有函数体：

  1. var add = new Function(
  2.   'x',
  3.   'y',
  4.   'return x + y'
  5. );
  7. // 等同于
  8. function add(x, y) {
  9.   return x + y;
  10. }

1.2 函数的重复声明

你品，你细品：

  1. function f() {
  2.   console.log(1);
  3. }
  4. f() // 2
  6. function f() {
  7.   console.log(2);
  8. }
  9. f() // 2

函数名的提升

由于“变量提升”，函数f被提升到了代码头部，也就是在调用之前已经声明了。

  1. f();
  3. function f() {}

但是，如果采用赋值语句定义函数，JavaScript 就会报错。

  1. f();
  2. var f = function (){};
  3. // TypeError: undefined is not a function

因为声明的var f会被提升，但是赋值不会，赋值还是按顺序走的。

函数的属性和方法

  • name属性 获取函数名字。
  • length属性 返回函数预期传入的参数个数，即函数定义之中的参数个数。
  • toString() 返回一个字符串，内容是函数的源码。

函数作用域

对于var命令来说，局部变量只能在函数内部声明，在其他区块中声明(比如if语句中)，一律都是全局变量。

与全局作用域一样，函数作用域内部也会产生“变量提升”现象。var命令声明的变量，不管在什么位置，变量声明都会被提升到函数体的头部。

函数执行时所在的作用域，是定义时的作用域，而不是调用时所在的作用域。

同样的，函数体内部声明的函数，作用域绑定函数体内部。->闭包

参数

如果有同名的参数，则取最后出现的那个值。

arguments 对象

arguments对象包含了函数运行时的所有参数，arguments[0]就是第一个参数，arguments[1]就是第二个参数，以此类推。这个对象只有在函数体内部，才可以使用。

正常模式下，arguments对象可以在运行时修改。

严格模式下，arguments对象与函数参数不具有联动关系。也就是说，修改arguments对象不会影响到实际的函数参数。

需要注意的是，虽然arguments很像数组，但它是一个对象。

闭包

如果出于种种原因，需要得到函数内的局部变量。正常情况下，这是办不到的，只有通过变通方法才能实现。那就是在函数的内部，再定义一个函数。

  1. function f1() {
  2.   var n = 999;
  3.   function f2() {
  4. 　　console.log(n); // 999
  5.   }
  6. }

f2可以知道f1里面的东西，反之不成立。闭包就是函数f2。可以把闭包简单理解成“定义在一个函数内部的函数”。在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包的最大用处有两个，一个是可以读取函数内部的变量，另一个就是让这些变量始终保持在内存中，即闭包可以使得它诞生环境一直存在。

  1. function createIncrementor(start) {
  2.   return function () {
  3.     return start++;
  4.   };
  5. }
  7. var inc = createIncrementor(5);
  9. inc() // 5
  10. inc() // 6
  11. inc() // 7

上面代码中，start是函数createIncrementor的内部变量。通过闭包，start的状态被保留了，每一次调用都是在上一次调用的基础上进行计算。从中可以看到，闭包inc使得函数createIncrementor的内部环境，一直存在。所以，闭包可以看作是函数内部作用域的一个接口。

闭包的另一个用处，是封装对象的私有属性和私有方法。

立即调用的函数表达式 IIFE

JavaScript 引擎规定，如果function关键字出现在行首，一律解释成语句。因此，JavaScript 引擎看到行首是function关键字之后，认为这一段都是函数的定义，不应该以圆括号结尾，所以就报错了。

解决方法就是不要让function出现在行首，让引擎将其理解成一个表达式。最简单的处理，就是将其放在一个圆括号里面。

  1. (function(){ /* code */ }());
  2. // 或者
  3. (function(){ /* code */ })();

它的目的有两个：一是不必为函数命名，避免了污染全局变量；二是 IIFE 内部形成了一个单独的作用域，可以封装一些外部无法读取的私有变量。

  1. // 写法一
  2. var tmp = newData;
  3. processData(tmp);
  4. storeData(tmp);
  6. // 写法二 比写法一更好，因为完全避免了污染全局变量。
  7. (function () {
  8.   var tmp = newData;
  9.   processData(tmp);
  10.   storeData(tmp);
  11. }());

eval 命令

eval命令接受一个字符串作为参数，并将这个字符串当作语句执行。

如果参数字符串无法当作语句运行，那么就会报错。

如果eval的参数不是字符串，那么会原样返回。

eval没有自己的作用域，都在当前作用域内执行，因此可能会修改当前作用域的变量的值，造成安全问题。如果使用严格模式，eval内部声明的变量，不会影响到外部作用域。不过，即使在严格模式下，eval依然可以读写当前作用域的变量。

总之，eval的本质是在当前作用域之中，注入代码。由于安全风险和不利于 JavaScript 引擎优化执行速度，所以一般不推荐使用。通常情况下，eval最常见的场合是解析 JSON 数据的字符串，不过正确的做法应该是使用原生的JSON.parse方法。

eval 的别名调用，😨:

  1. var m = eval;
  2. m('var x = 1');
  3. x // 1