JavaScript作用域和作用域链

JavaScript作用域和作用域链

1. 什么是作用域?
   作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。换句话说，作用域决定了代码区块中变量和其他资源的可见性。

简单理解就是:作用域就是一个独立的地盘，让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。
ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域

//全局作用域
var age = 10;
function sum(){//局部作用域
	var num = 10;
	return ++age;
}
sum() // 11
console.log(num)//num is not defined

• 这个案例中的age就是全局全局作用域下的或者说成在整个script标签中都起作用所以在函数内部可以访问到.
• 而在函数内部中的num是在局部作用域下.所以后面输出num的时候是num is not defined(num未定义).

作用域链
根据内部函数可以访问外部函数的变量,采取的方式是链式查找的方式(简单理解为:由里及表,就近原则,谁离得近就执行谁)作用域是分层的，内层作用域可以访问外层作用域的变量，反之则不行。

var a = 20;
function fn(){
	var a = 10;
	console.log(a)//10
}
 fn()

分析:

1. 声明两个a不起冲突,因为一个是全局作用域下的,一个是局部作用域下
2. 输出为10:遵循就近原则,fn()函数里面的a离输出语句最近,如果没有找到就去上一级去找,就像冒泡一样