JS variable scope

JavaScript variable scope:

关于JavaScript的变量的作用域，有两种。一种是定义在任何函数外面，为全局变量，其作用范围是全局的。另外一种是定义在函数里面，为局部变量，其作用范围是函数内部。

但是，JavaScript没有像C，Java那样的块级作用域(block scope)。而是使用了函数作用域(function scope)。即在函数里面定义的变量在整个函数范围内都是可见的，当函数被作为返回值返回后，其仍然持有在其定义时候使用的变量的引用。利用这个性质，很容易产生JS里所谓的闭包。

但是，变量的定义位置很重要。如下面这个例子：

var scope = "global";
function f(){
     console.log(scope);
     var scope = "local";
     console.log(scope);
}

第一个输出，会打印出undefind，而不是global或local。因为在函数里面定义了一个scope变量，其会覆盖外面定义的全局变量scope，因为变量的定义是函数块级别的。但又因为函数内部里第一个输出打印后才定义并赋值scope，所以第一个会打印出undefined。

上面的函数f()实际上可以看成是这样的:

function f(){
    var scope;
    console.log(scope);
    scope = "local";
    console.log(scope);
}

关于变量的作用域，可以将其看作是一个对象。可以把作用链看作一个单链表，每一个作用域是链表上的一个元素。每个函数调用一个变量时候，先查看链表上第一个元素对象中是否有这个变量，如果有，则使用它，如果没有，则查找下一个元素。直到查找到或者查找到链表末尾也没找到，就返回一个ReferenceError，但如果变量定义在引用的后面，则不会出现ReferenceError，而是直接显示undefined，catch不到。