JavaScript学习-函数

1.函数作用域

1.1 定义

作用域是指变量存在的范围。Javascript只有两种作用域：全局、函数作用域，变量只在函数内部存在。

  var v = 1;
     function f(){
        console.log(v);
    }

   f()   // 1
   以上就是全局变量

   function f(){
     var v = 1;
   }

   v // ReferenceError: v is not defined

以上就是函数的局部变量在外面不能访问的例子

1.2 函数内部的变量提升

与全局作用域一样，函数作用域内部也会产生’变量提升’现象。
var命令生命的变量
function foo(x) {
if (x > 100) {
var tmp = x - 100;
}
}
上面的代码等同于
function foo(x) {
var tmp;
if (x > 100) {
tmp = x - 100;
};
}

1.3 函数本身的作用域

函数本身也是一个值，也有自己的作用域。它的作用域与变量一样，就是其声明时所在的作用域，与其运行时所在的作用域无关。
var a = 1;
var x = function () {
console.log(a);
};

function f() {
var a = 2;
x();
}
f()
上面代码中，函数x是在函数f的外部声明的，所以它的作用域绑定外层，内部变量a不会到函数f体内取值，所以输出1，而不是2。

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

1.4 arguments

function f(a,b,c,d,e,f){
for(var i=0;i

2.1闭包

闭包是Javascript的一个难点，也是它的特色，很多高级应用都要靠闭包来实现。
要理解闭包，首先必须理解变量作用域。前面提到，Javascript有两种作用域：全局作用域和函数作用域。
函数内部可以直接读取全局变量
但是，在函数外部无法读取函数内部声明的变量
可是，如果就是需要得到函数内的局部变量。正常情况下，这是办不到的，只有通过变通方法才能实现。
这个方法就是，在函数的内部，再定义一个函数。
function f1(){
var n=999;
function f2(){
console.log(n);
}
}
注意啦：在上述代码中，函数f2可以得到f1里的局部变量，但是f1不能得到函数f2
既然如此，只要把f2作为返回值不就可以得到f1里面的变量了吗

function f1() {
var n = 999;
function f2() {
console.log(n);
}
return f2;
}
var result = f1();
上述代码中，函数f1的返回值就是f2，由于f2可以读取f1的内部变量，所以就可以在外部获得f1的内部变量了。
闭包就是函数f2,就是能读取其他函数内部变量的函数.
在Javascript语言中，只有函数内部的子函数才能读取内部变量，因此可以理解成，定义在一个函数内部的函数。
闭包最大的好处，就是它可以“记住”诞生的环境，比如f2记住了诞生的f1,所以从f2中可以得到f1的内部变量。
本质上， 闭包就是将函数内部和外部连接起来的一座桥梁。

1.  记住啦：闭包可以记住这些变量，同时这些变量一直存在内存中，即闭包可以使得它诞生的环境一直存在。
    ----------------
    function createIncrementor(start) {
    return function () {
       return start++;
     };
   }

    var inc = createIncrementor(5);

    inc() // 5
    inc() // 6
    inc() // 7

   start是函数createIncrementor的内部变量。通过闭包，start状态被保留了。
   inc始终存在于内存中，而inc的存在依赖于createIncrementor，因此也始在内存中，不会在调用后，被垃圾回收机制回收。

2. 闭包的另一个用处，是封装对象的私有属性和私有方法。
    function Person(name) {
        var _age;
        function setAge(n) {
         _age = n;
        }
        function getAge() {
         return _age;
        }

        return {
            name: name,
            getAge: getAge,
            setAge: setAge
        };
    }

    var p1 = Person('张三');
    p1.setAge(25);
    p1.getAge() // 25

上面代码中，函数Person的内部变量_age，通过闭包getAge和setAge，变成了返回对象p1的私有变量。

3.立即调用的函数表达式(IIFE)

在Javascript中，一对圆括号()是一种运算符，跟在函数名之后，表示调用该函数。
比如，print()就是表用调用print函数。
有时，我们需要在定义函数之后，立即调用该函数。这时候，你不能在函数的定义后面加上圆括号，会有语法问题。

   function(){ }();
// SyntaxError: Unexpected token (

产生这个错误的原因是，function这个关键字即可以当作语句，也可以当作
// 语句
function f() {}

// 表达式
var f = function f() {}———-免解析上的歧义，JavaScript引擎规定，如果function关键字出现在行首，一律解释成语句。
因此，JavaScript引擎看到行首是function关键字之后，认为这一段都是函数的定义，不应该以圆括号结尾，所以就报错了。

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

上面两种写法都是以圆括号开头，引擎就会认为后面跟的是一个表示式，而不是函数定义语句，所以就避免了错误。
这就叫做“立即调用的函数表达式”（Immediately-Invoked Function Expression），简称IIFE。

4.eval命令

eval命令的作用是，将字符串当作语句来执行。
------------------
eval('var a=1;');
输入：a   得到1
------------------

事实上eval还有好多，但是我这里就不写了。
2017.2.16