继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

堂堂堂堂糖糖糖童鞋
关注TA
已关注
手记 14
粉丝 39
获赞 1449
局部变量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 可以看到,
    局部变量,只在函数体范围内有效,在函数执行后销毁(释放);
    全局变量,在页面关闭之前销毁(回收)(自己想象,理解一下即可)
打开App,阅读手记
8人推荐
发表评论
随时随地看视频慕课网APP

热门评论

很好!

查看全部评论