JS的变量作用域
Javascript中作用域分为全局作用域和局部作用域。
全局变量:
1.在函数外部使用 var 关键字声明的变量,为全局变量(显式声明)
2.在函数内部没有使用 var 声明的变量,也为全局变量(隐式声明)
(没有声明就使用的变量,默认为全局变量,不论这个变量在哪被使用)
3.使用 window 全局对象来声明的变量,也为全局变量 window.a = 1;
(显式声明)
局部变量:
1.在函数内部使用 var 关键字声明的变量,为局部变量(显式声明)
2.函数的参数列表中的形参,为局部变量(隐式声明)
全局变量与局部变量的关系:
在函数内部可以访问全局变量,在函数外部不可以访问局部变量(因为局部变量会在函数开始执行时创建,在函数执行完后自动销毁)。
常见误区——for循环中的变量作用域
var a=[];
for(var i = 0;i<10;i++){
var q = i;
a[i]=function(){console.log(q)};
}
a[0](); // 输出9
由于for循环并不是一个函数体,所以for循环中定义的变量 q 和 i 是作用域for循环所在的函数体,和 a 同级,i++ 和 q=i 并不是重新定义变量,只是重复赋值,最终循环结束,i = 10,q=9。由于function(){console.log(q)} 并不是立即执行,所以这里的 q 一直是存储的内存引用,最终所有的 a[i]() 都是输出9。
解决方法
有两种方法可以将for循环变成块级作用域:
- 使用闭包
- 使用ES6中的 let 定义变量
在ES6中新增了 let 命令声明变量,用法和 var 类似,不过 let 所声明的变量只在 let 命令所在的代码块(块级作用域)或下级代码块(上级作用域向下兼容)中有效果,因此,for循环的计数器中就很适合let命令:
var a=[];
for(let i = 0;i<10;i++){
let q = i;
a[i]=function(){console.log(q)}
}
a[6](); // 输出6,let声明的变量仅在块级作用域有效,所以这里的i只在本轮循环有效果,每次循环的i其实都是一个新的变量