前端面试：js的函数作用域为什么这么乱！

爱玩游戏的小隐

于 2021-04-28 20:53:33 发布

阅读量584

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript es6 前端作用域链

本文链接：https://blog.csdn.net/qq_40294512/article/details/116240701

本文通过一道例题探讨JavaScript的函数作用域和作用域链，解析执行上下文的原理，介绍ES6中的let和const如何改善作用域问题，以及在块作用域中的常见误解和解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

从一道简单例题出发

最近被js的函数作用域链折腾的不浅，今天彻底来解决一下这类问题。（不得不吐槽js作用域真的很乱，let才是yyds）

首先先看两段代码

/*first code*/
var a = 'apple';
console.log(a);  //apple
if(true){
   
   
	console.log(a);  //apple
	var a = 'pear';
	console.log(a);//pear
}
console.log(a);  //pear


/*second code*/
var a = 'apple';
console.log(a);  //apple
function f(){
   
   
	console.log(a);//apple
}
f()
console.log(a);  //apple


/*third code*/
var a = 'apple';
console.log(a);  //apple
function f(){
   
   
	console.log(a