理解javascript作用域

目录

          一、作用域是什么

 二、全局作用域与局部作用域

 三、块语句与let、const关键字

---

 一、作用域是什么

作用域是代码中某段特定部分的可访问的变量、函数、对象的集合。可以理解为，作用域就是指变量能够被访问的范围，javascript中，函数和对象同样也是变量。

 二、全局作用域与局部作用域

在javascript中，作用域可以被分为两类，分别是全局作用域和局部作用域。
其中，函数外部就是全局作用域，在全局作用域中定义的变量对于文档中的每个部分都是可见的，即使是函数内部也可以访问全局变量。相反，函数内部就是局部作用域，局部作用域对于全局作用域是不可见的。这就和分层结构的思想差不多，上层可以调用下层，但下层的具体变量和实现对上层来说是完全隐蔽的。这样做的好处就是可以提高安全性，就像我们只想让用户可以访问到一部分信息。另外作用域的存在也可以帮助我们更快地跟踪bug。
 

var a = 1;  //全局变量
function geta(){
    var b = 2;    //局部变量
    console.log(a);  //1 -->局部作用域可以访问全局作用域中的变量
}
console.log(b);  //b is undefined --> 全局作用域不能访问局部作用域中的变量
geta();

 

全局作用域的生命周期等于程序运行的时间，局部作用域的生命周期等于函数被调用和执行的时间。

 

三、块语句与let、const关键字

 

块语句比如for语句、if语句、while语句、switch语句等在javascript中是没有单独作用域的，即在块语句中的变量的作用域就等于在块语句的外一层中的作用域。

function fun(){
    for(var i=0;i<10;i++){ //i的作用域在函数fun()中
    	if(true){
    		var a = 1;   //a的作用域也在函数fun()中
    	}
	}
	console.log(i); //10
	console.log(a); //1
}
fun();

在ECMAScript6中，新增了let和const关键字，可以使其声明的变量支持块级作用域。

function fun(){
    for(let i=0;i<10;i++){  //i只在for循环中可访问
    	if(true){
    		let a = 1;   //a只在if语句中可访问
    	}
        console.log(a); //a is not defined
	}
	console.log(i); //i is not defined
}
fun();

而使用const与let的不同在于，使用const关键字声明的变量是在一开始声明的时候就需要定义好常量，并且之后不能再进行更改。

function fun(){
    for(let i=0;i<10;i++){ 
    	if(true){
    		const a = 1;   
    		a = 2;   //此处出错
    	}
	}
	console.log(a); //TypeError: Assignment to constant variable. 
}
fun();

在块语句中使用let、const关键字可以避免影响外层的作用域，增强代码的安全性，减少bug。