JS概念理解（三）——执行上下文、作用域与自由变量

        执行上下文：

        在我的理解中，执行上下文环境是在开始执行代码之前，需要把所有用到的东西拿出来，有的直接赋值，有的先声明出来，下面举例说明;

console.log(a); //undefined
console.log(b); //function b() {}
console.log(c); //undefined
var a = function () {};//函数表达式
function b() {}         //函数声明
var c = 10;

        这里a与c都是undefined，它们这种写法，在初始化时只会声明变量，得等到执行到那一句时才会具体赋值。

        作用域：

         JS中没有块级作用域只有全局作用域与函数作用域，所以例如for、while就不需要将变量写在括号里面，免得引起歧义，例如：

for(var i = 0; i < 10; i++){
}
console.log(i);//10

        就可以写成这样，不会引起歧义。

var i;
for(i = 0; i < 10; i++){
}
console.log(i);//10

        作用域的最大用处就是隔离变量，不同作用域下的同名变量不会有冲突。

        自由变量：

        在一个作用域使用未在该作用域声明（即在其他作用域声明的变量），该变量即为自由变量。

var x = 10;
function fn() {
    console.log(x); //10
}
function a(f) {
    var x = 20;
    f();
}
a(fn);

        上面这段代码，fn中的x就是自由变量，它在全局变量中被赋值为10在a函数中赋值为20，fn在a函数中被调用，但是输出的确实10。

        这是因为函数中用到的自由变量的值要在创建的它作用域中去取，创建fn函数的作用域是全局作用域，所以这里的x应该是10，而与调用它的函数无关。