JS函数作用域及作用域链理解

JS函数作用域及作用域链理解

作用域：函数可以起作用的范围。

(1)全局变量和局部变量

局部作用域：函数体内

全局作用域：整个脚本，即函数内外都起作用

全局变量：在函数体外部由 var 定义的，在任何地方都可以访问的变量

局部变量：在函数体内用 var 定义的，只在函数内使用变量

隐式全局变量：不用 var 定义的变量，函数体内外都可以定义。在任何地方都可以访问

注意：

不使用var声明的变量是全局变量，不推荐使用。变量退出作用域后会被销毁，全局变量关闭网页或浏览器才会销毁。

隐式全局变量与全局变量的区别：

隐式全局变量可以删除，而全局变量不可以删除，只有关闭浏览器或页面时才会销毁。

//全局变量： 在函数体外，由关键字var声明的变量
//全局作用域：整个脚本，即函数内外都起作用
var a = 'aaa';
function aa () {
	console.log(a);//函数体内调用变量 a
}
aa();
console.log(a); //函数体外调用变量 a

//局部变量：在函数体内，由 var 声明的变量
//局部作用域：只在函数体内起作用
function bb () {
var b = 'bbbb';
console.log(b);//函数体内调用 输出 bbbb
}
bb();
//console.log(b);//报错 在函数体外调用会，指出变量不存在

//隐式全局变量 声明变量，但是没有 var 。作用域函数内外都可
//隐式全局变量与全局变量的区别，隐式全局变量可以删除，而全局变量不能删除，只有在关闭网页或浏览器时才会销毁
c = 'cccc';
console.log(c); //函数体外调用  返回 cccc
function cc () {
	console.log(c); //函数体内调用 返回 cccc
}
cc(); 
delete c;//删除隐式全局变量
//console.log(c);//报错，说变量不存在。说明删除成功
delete a;
console.log(a+'删除全局变量失败');//aaa删除全局变量失败 正常输出a的值，说明没有删除变量

(2)块级作用域

任意一个花括号内的语句集都属于一个块，其中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。==在ES5之前没有块级作用域的概念，只有函数作用域。==ES6中才有块级作用域

(3)词法作用域

变量的作用域是在定义时决定而不是执行时决定，也就是说词法作用域取决于源码，通过静态分析就能 确定，因此词法作用域也叫做静态作用域

在js中词法作用域规则：

• 函数允许访问函数外的数据.
• 整个代码结构中只有函数可以限定作用域.
• 作用域规则首先使用提升规则分析
• 如果当前作用规则中有名字了, 就不考虑外面的名字。即当局部变量与全局变量同名时，采用局部变量

var num = 123; //全局变量
function foo() {  
	console.log( num ); 
} 
foo(); // 123

if ( false ) { //条件是假区间，永远走不进区间里，不会声明变量 num   
	var num = 123; 
} 
console.log( num ); // undefiend

(4)作用域链

只有函数可以制造作用域结构， 那么只要是代码，就至少有一个作用域, 即全局作用域。凡是代码中有函 数，那么这个函数就构成另一个作用域。如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用 域。

将这样的所有的作用域列出来，可以有一个结构: 函数内指向函数外的链式结构。就称作作用域链。

function f1() {    
	var num = 123; //局部变量，就近原则   
	function f2() {        
		console.log( num );    
	}   
	f2(); //返回 num = 123
} 
var num = 456; //全局变量
f1();//函数值返回调用处，所以不会走到重新声明 num 的语句