一、什么是作用域?

作用域就是变量的可用性的代码范围,就叫做这个变量的作用域。简单理解,就是在这个范围内,变量是可以使用的,超过这个范围,变量就无法使用,这个范围就是作用域。

作用域分为三种:全局作用域、局部作用域、块级作用域。

  • 全局作用域
    顾名思义,全局作用域就是能够在全局使用,可以在代码的任何地方被调用。示例:创建一个拥有全局作用域的变量a
var a=0;
function fun(){
	conslie.log(a);//在函数内部访问变量a
}
console.log(a);//在最外层访问变量a
  • 局部作用域
    局部作用域只能作用于局部的代码片段,常见于函数内部,即函数内创建的变量,只能作用于函数内部,函数外部无法使用函数内部创建的变量。示例:创建一个拥有局部作用域的变量b
function fun(){
	var b=1;
	console.log(b);//1
}
console.log(b);//b is not defined
  • 块级作用域
    块级作用域是es6新增的,使用let关键字创建变量、const关键字创建常量(当然let、const也会有自己的语法规范,这里不过多展开),作用域只存在于{}花括号内。示例:创建一个拥有局部作用域的变量c
function fun(){
	let c=1;
	const d=2;
	console.log(c);//1
	console.log(d);//2
}
console.log(c);//c is not defined

二、什么是作用域链?

当你要访问一个变量时,首先会在当前作用域下查找,如果当前作用域下没有查找到,则返回上一级作用域进行查找,直到找到全局作用域,这个查找过程形成的链条叫做作用域链。

var a = 0;
var b = 0;

function fun1() {
	var b = 1;
	function fun2() {
		console.log(b);//1 在当前作用域下没有找到,到上一级作用域中查找
	}
    fun2();
	console.log(b);//1
}
fun1();
console.log(b);//0

总结

以上就是我自己对作用域和作用域链的简单理解。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐