作用域
作用域:变量可以起作用的范围
全局变量和局部变量
- 全局变量
在任何地方可以访问的变量就是全局变量,对应全局作用域 - 局部变量
只在固定的代码片段内可以访问到的变量,最常见的例如函数内部,对应局部作用域(函数作用域)
不使用var声明的变量是全局变量,不推荐使用
变量退出作用域之后会销毁,全局变量关闭网页浏览器才会销毁
块级作用域
任何一对花括号({和})种的语句集都属于一个块,在这之中定义的所有变量在代码块外不可见的,我们成之为块级作用域
在es5之前没有块级作用域的概念,只有函数作用域,现阶段可以认为JavaScript没有块级作用域
词法作用域
变量的作用域是在定义是决定而不是在执行时决定,也就是说词法作用域取决于源码,通过静态分析就能确定,因此词法作用域也叫做静态作用域。
在js中词法作用域规则:
- 函数允许访问函数外的数据
- 整个代码结构中只有函数可以可以限定作用域
- 作用域规则首先使用提升规则分析
- 如果当前作用域中有名字了,就不考虑外面的名字
var num = 123;
function foo(){
console.log( num );
}
foo();
if( false ){
var num = 123;
}
console.log( num ) //undefiend
作用域链
只有函数可以制造作用域结构, 那么只要是代码,就至少有一个作用域, 即全局作用域。凡是代码中有函数,那么这个函数就构成另一个作用域。如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域。
将这样的所有的作用域列出来,可以有一个结构: 函数内指向函数外的链式结构。就称作作用域链。
// 案例 1:
function fi(){
function f2(){
}
}
var num = 456;
function f3(){
function f4(){
}
}
// 案例2
function f1() {
var num = 123;
function f2() {
console.log( num );
}
f2();
}
var num = 456;
f1();