函数作用域问题(函数中变量改变问题):
我们在函数传递参数的时候经常会遇到对于变量是否改变的产生疑问,这里就为大家详细解答这个问题(以JavaScript为例):
JavaScript 中普通用 var 声明的变量为全局变量(实际上是window对象中的属性,window对象一般是整个 script 代码的母属性),会预处理提前声明,可以在非函数体相对自由的声明使用(不能在调用函数以后再声明),但还是建议在最前方声明(不然可能会被打);没有用var的不会提前声明只能声明后使用
但是在JavaScript函数体中加了var就是函数体中的局部变量,只能在函数体中使用,反而没有加var的是全局变量,会对函数外都产生影响,具体实例如下:
<script>
function fun() {
var b = 456;
}
fun();
alert(b);
</script> //b没有赋值并不会被输出
<script>
function fun() {
b = 456;
}
fun();
alert(b);
</script> //结果弹出456
下面是几种比较复杂的情况
1、函数外的参数被无参函数操作:
①普通的操作,a之前没有var
<script>
var a = 123;
function fun() {
alert(a)
a = 456;
alert(a);
}
fun();
alert(a);
</script> //a被函数改变,三次结果分别为:123,456,456
②、a之前有var
<script>
var a = 123;
function fun() {
alert(a)
var a = 456;
alert(a);
}
fun();
alert(a);
</script> // 三次结果分别为:undefined,456,123
解析:var使 a 变为了函数内部的局部变量,所以不会对全局有影响,所以第三个仍然为123,第二个被成功赋值为456,但第一个的时候函数中的 a 被提前声明但还没有被赋值,所以是undefined;
1、函数外的参数被有参函数传递并操作:
<script>
var a = 123;
function fun(a) {
alert(a)
a = 456
alert(a);
}
fun(a);
alert(a);
</script> //三次结果分别为:123,456,123
注意:有参函数中对传递的形参进行操作并不会改变函数以外它的值(相当于在函数中声明了一个变量),对于非形参和上文规则一致