局部变量与全局变量[JavaScript之美]

局部变量VS全局变量：

定义（声明）位置：

局部变量：定义在函数内部通过var定义的变量及形参
全局变量：定义在函数外部及函数内部不通过var定义的

有效范围：

局部变量：在函数体范围内都有效(所处的函数内部)
全局变量：在整个全局范围内都有效（包括定义之前的范围）

分配时间：

局部变量：
    在函数中代码执行之前，收集所有局部变量，定义并指定默认值undefined
全局变量:
    在<script>中代码执行之前，收集所有通过var 定义的全局变量， 定义并指定默认值undefined
    不通过var 定义的全局变量，在执行到定义的语句时才分配

销毁（释放）/（回收）时间:

局部变量：函数体之外（函数执行结束后）
全局变量：页面关闭

示例对比：

局部变量VS全局变量定义（声明）位置：

var global_i = 3;//全局变量①
function fnDefineFunn (local_j) {//局部变量②
        var local_i = 4;//局部变量③
        global_j = 5;//语句执行后，为全局变量④
}
global_k = 6;//语句执行后，全局变量⑤

局部变量VS全局变量有效范围：

var global_i = 3;//全局变量①
function fnDefineFunn (local_j) {//局部变量②
        var local_i = 4;//局部变量③
    global_j = 5;//语句执行后，为全局变量④
    console.log("local_i = " + local_i);//这是可以的
    console.log("local_j = " + local_j);//这也是可以的

    console.log("global_i = " + global_i);//这是可以的
    console.log("global_j = " + global_j);//这也是可以的
}
global_k = 6;//语句执行后，全局变量⑤

console.log("global_i = " + global_i);
fnDefineFunn(7);
console.log("global_j = " + global_j);//在函数内部定义的全局变量，必须在函数执行之后，才有效
console.log("global_k = " + global_k);

//console.log(local_i);//这是不被允许的，local_i是局部变量
//console.log(local_j);//同样地，这也是不被允许的，local_j也是局部变量

局部变量VS全局变量分配时间：

//在<script>中代码执行之前，收集所有通过var 定义的全局变量，定义并指定默认值undefined
console.log("global_i = " + global_i);//global_i 会被收集，定义并赋值为 undefined

//console.log(global_k);//"Uncaught ReferenceError: global_k is not defined", 没有通过var 定义, 不会被收集，只有执行到时，才有效

var global_i = 3;//全局变量①
function fnDefineFunn (local_j) {//局部变量②

    //在函数中代码执行之前，收集所有局部变量，定义并指定默认值undefined
    console.log("local_i = " + local_i);
    console.log("global_j = " + global_j);//"Uncaught ReferenceError: global_j is not defined", global_j不是局部变量，不会被收集，只有执行到时，才有效

    var local_i = 4;//局部变量③
    global_j = 5;//语句执行后，为全局变量④
}
global_k = 6;//语句执行后，全局变量

fnDefineFunn(7);

局部变量VS全局变量销毁时间：

通过示例2 可以看到，
    局部变量，只在函数体范围内有效，在函数执行后销毁（释放）；
    全局变量，在页面关闭之前销毁（回收）（自己想象，理解一下即可）