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

浏览:70

局部变量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 可以看到,
局部变量,只在函数体范围内有效,在函数执行后销毁(释放);
全局变量,在页面关闭之前销毁(回收)(自己想象,理解一下即可)



top