JavaScript中关于函数

1、写一个函数可以直接用function，或者var一个变量，另外一个就是利用函数表达式。

特别说明：Function构造函数接受三个参数，除了最后一个参数是add函数的“函数体”，其他参数都是add函数的参数。
可以传递任意数量的参数给Function构造函数，只有最后一个参数会被当做函数体，如果只有一个参数，该参数就是函数体。

var add = new Function(
  'x',
  'y',
  'return x + y'
);

// 等同于
function add(x, y) {
  return x + y;
}

2、不能在条件语句中声明函数（在像if这样的代码块中声明函数的时候最好使用var，因为普通function函数声明头会提升，if代码块关不住function声明头提升）
ES5 的规范，不得在非函数的代码块中声明函数，最常见的情况就是if和try语句。

if (foo) {
  function x() {}
}

try {
  function x() {}
} catch(e) {
  console.log(e);
}

写在代码块中是不合法的，但是往往浏览器不会报错，但是偶尔会影响，因为函数声明头的提升！

if (false) {
  function f() {}
}

f() // 不报错
由于存在函数名的提升，所以在条件语句中声明函数，可能是无效的，这是非常容易出错的地方

上面代码的原始意图是不声明函数f，但是由于f的提升，导致if语句无效，所以上面的代码不会报错。要达到在条件语句中定义函数的目的，只有使用函数表达式。

if (false) {
  var f = function () {};
}

f() // undefined

3、函数的属性

name属性返回函数的名字

function f1() {}
f1.name // "f1"

var f2 = function () {};
f2.name // "f2"

length属性返回函数预期传入的参数个数，即函数定义之中的参数个数。

function f(a, b) {}
f.length // 2

toString方法返回一个字符串，内容是函数的源码，函数内部的注释也可以返回。

function f() {/*
  这是一个
  多行注释
*/
  a();
}

f.toString()
// function f() {/*
//  这是一个
//  多行注释
//*/
//  a();
// }

4、函数作用域是其声明时所在的作用域，与其运行时所在的作用域无关。函数执行时所在的作用域，是定义时的作用域，而不是调用时所在的作用域。

var a = 1;
var x = function () {
  console.log(a);
};

function f() {
  var a = 2;
  x();
}

f() // 1
//函数x是在函数f的外部声明的，所以它的作用域绑定外层，内部变量a不会到函数f体内取值，所以输出1，而不是2。

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

function f(a, a) {
  console.log(a);
}

f(1, 2) // 2

如果要获得第一个a的值，可以使用arguments对象。

function f(a, a) {
  console.log(arguments[0]);
}

f(1) // 1

5、正常模式下，arguments对象可以在运行时修改。
严格模式下，arguments对象是一个只读对象，修改它是无效的，但不会报错。

var f = function(a, b) {
  arguments[0] = 3;
  arguments[1] = 2;
  return a + b;
}

f(1, 1) // 5

var f = function(a, b) {
  'use strict'; // 开启严格模式
  arguments[0] = 3; // 无效
  arguments[1] = 2; // 无效
  return a + b;
}

f(1, 1) // 2

通过arguments对象的length属性，可以判断函数调用时到底带几个参数。

function f() {
  return arguments.length;
}

f(1, 2, 3) // 3
f(1) // 1

如果要让arguments对象使用数组方法，真正的解决方法是将arguments转为真正的数组。下面是两种常用的转换方法：slice方法和逐一填入新数组。

var args = Array.prototype.slice.call(arguments);

// 或者
var args = [];
for (var i = 0; i < arguments.length; i++) {
  args.push(arguments[i]);
}

arguments对象带有一个callee属性，返回它所对应的原函数。

var f = function () {
  console.log(arguments.callee === f);
}

f() // true

可以通过arguments.callee，达到调用函数自身的目的。这个属性在严格模式里面是禁用的，因此不建议使用。

6、关于eval（），eval命令的作用是，将字符串当作语句执行。

eval('var a = 1;');
a // 1

eval没有自己的作用域，如果使用严格模式，eval内部声明的变量，不会影响到外部作用域。

var a = 1;
eval('a = 2');

a // 2

(function f() {
  'use strict';
  eval('var foo = 123'); //这种情况下，eval中的语句就像function（）{}中的一样，可以关注作用域了
  console.log(foo);  // ReferenceError: foo is not defined
})()