全局变量的作用域为所属的整个程序。
全局变量的定义形式有: (1)在函数外定义
(2)在函数内定义,但不加var声明
(3)使用 window.变量名 的形式定义
(4)使用window['变量名']的形式定义
局部变量的作用域为所属的函数内部。
局部变量的定义形式有: (1)在函数内部定义的变量 (2)函数中用到的形式参数
示例:
<script>
var a=0;//全局
b=0;//全局
function c(){
var d=0;//局部
e=0;//全局
return d;
}
console.log(a);//0
console.log(b);//0
console.log(c());//0,打印的是d的值
console.log(e);//0,函数调用之后,e是有效的全局变量
console.log(d);//报错:d is not defined,函数调用后,作用域销毁,变量d变为未定义。
</script>
几种情况:函数声明提前以及全局变量和局部变量重命名的问题。
<script>
var a=0;//全局
function c(){
console.log(a);
var a=1;//局部
console.log(a);
return a;
}
console.log(a);//0
c();//undefined,1
</script>
未执行函数c的时候 console.log(a);调用的是全局变量a。
执行函数c的时候,并非是从上到下依次执行的各条语句,而是先定义变量的语句提前执行,其他语句的执行顺序不变(也就是通常所说的函数声明提前)。所以执行函数C时会先返回预定义a的值为undefined而后返回局部变量a的值为1.
相当于以下代码:
function c(){
var a;
console.log(a);
var a=1;//局部
console.log(a);
return a;
}
在函数C中定义了一个与全局变量一样的局部变量a时,函数C内部就会重新定义一个局部变量a,并将之前定义的全局变量a覆盖。不过,这个局部变量a只是在函数c中有定义,仅此而已。所以在函数C中,当第一次打印a时,实际上只定义了局部变量a,而未赋值,所以打印结果为undefined。执行第二条打印局部变量a时,已经对其进行了赋值,所以结果为1。
那么,全局变量和某个函数中的局部变量重命名,如何在该函数中获得同名全局变量的值。
<script>
var a=0;//全局
function c(){
console.log(window.a);//获得同名全局变量的值
console.log(window['a']);//获得同名全局变量的值
var a=1;//局部
console.log(a);
return a;
}
c();//0,0,1
</script>
-------------------------------------------------分割线-----------------------------------------------------
全局变量优缺点:
优点:可以减少变量的个数,减少由于实参和形参的数据传递带来的时间消耗。
缺点:(1)全局变量保存在静态存储区,程序开始运行时,为其分配内存。程序结束运行时,释放其内存,相比于局部变量的动态分配和释放内存,全局变量的生命周期长,而且当全局变量数目较多时,会占用较大的内存。
(2)使用全局变量会破坏函数的封闭性和独立性。一个函数本来是通过传参和返回值来进行输入输出的,但是用了全局变量之后,该参数就可以不仅只通过原有的参数和返回进行输入输出,这样原有的封闭性就会被破坏。这也是导致函数的可移植性降低。
(3)当一个全局变量多次被不同的语句操作,全局变量的值容易变得不清晰。这便降低了程序的可读性,不利于在编码后进行调试和查错之类的操作。
局部变量的优缺点:
优点:(1)局部变量是程序动态分配内存,所以生命周期短,不会造成长时间占用过多内存的情况。
(2)局部变量定义在函数内部,限于函数内部调用,故能很好的保持函数的封闭性。
(3)即使在多个函数内部定义了多个同名局部变量,它们之间也不会相互影响。
缺点:(1)局部变量中的数据在函数执行完后就会消失,故不利于数据的保留。
(2)局部变量的使用范围有限,仅限于所属函数的内部。
以下示例是对以上理论的综合运用:
<script>
var a=0;
function v(){
console.log('调用函数时,声明提前:'+a);
var a=1;//局部
console.log('调用函数时,未对a进行修改:'+a);
++a;
console.log('调用函数时,对a进行修改:'+a);
return a;
}
console.log('调用函数v()之前:'+a);
v();
console.log('调用函数v()之后:'+a);
/** 函数运行结果依次从上到下
调用函数V()之前:0
调用函数时,声明提前:undefined
调用函数时,未对a进行修改:1
调用函数时,对a进行修改:2
调用函数V()之后:0 =》调用的是全局变量a的值
***/
</script>
值得注意的是:函数调用之后,局部变量释放,即使同名于全局变量,也不会对全局变量有任何影响。
<script>
var a=0;
function v(){
console.log('调用函数时,声明提前:'+a);
a=1;//全局
console.log('调用函数时,未对a进行修改:'+a);
++a;
console.log('调用函数时,对a进行修改:'+a);
//return a;
}
console.log('调用函数v()之前:'+a);
v();
console.log('调用函数v()之后:'+a);
/** 函数运行结果依次从上到下
调用函数V()之前:0
调用函数时,声明提前:0
调用函数时,未对a进行修改:1
调用函数时,对a进行修改:2
调用函数V()之后:2
***/
</script>
值得注意的是:a=1为全局变量,即使在函数中,也能找到。同时,函数也会对全局变量进行修改!
<script>
var a=0;
function v(){
console.log('调用函数时,声明提前:'+a);
a=1;//全局
b=8;
console.log('调用函数时,未对a进行修改:'+a);
++a;
console.log('调用函数时,对a进行修改:'+a);
// return a;
}
console.log('调用函数v()之前:'+a);
// console.log('调用函数v()之前b:'+b);
v();
console.log('调用函数v()之后:'+a);
console.log('调用函数v()之后b:'+b);
/** 函数运行结果依次从上到下
调用函数V()之前:0
调用函数时,声明提前:0 =》调用的是全局变量a,不存在函数声明提前
调用函数时,未对a进行修改:1 =》函数中对全局变量a=0重新赋值为a=1
调用函数时,对a进行修改:2 =》对全局变量进行++a操作后的值
调用函数V()之后:2 =》对全局变量进行++a操作后的值
调用函数v()之后b:8
***/
</script>
值得注意的是:语句console.log('调用函数v()之前b:'+b);执行时会报错b is not defined,而在函数调用之后b:8。
这是因为只有当函数调用之后,全局变量b才能有有效的!