说实话，JavaScript 的执行环境和作用域这块内容真的是老生常谈了但咱就是说每次回头kan还是会有新的理解。

// 执行上下文示例 function foo { console.log; bar; } function bar { console.log; } foo; // 调用栈过程： // . 全局执行上下文入栈 // . foo 执行上下文入栈 // . bar 执行上下文入栈 // . bar 执行完成出栈 // . foo 执行完成出栈 // . 全局执行上下文出栈

每个执行上下文包含：变量环境、词法环境、外部环境引用等。

变量提升是指 JavaScript 在编译阶段将变量和函数声明移动到其作用域顶部的行为。

showName; console.log; var name = '路明非'; function showName{ console.log; } // 实际执行顺序： // function showName{ console.log; } // var name; // 提升但未赋值 // showName; // 输出：函数showName 执行了 // console.log; // 输出：undefined // name = '路明非';

运行结果：

函数showName 执行了 undefined 变量提升的设计原因

JavaScript Zui初是为了给页面添加简单的动态效果，设计周期极短。为了快速实现，采用变量提升是Zui简单的方式：

害，说白了就是当年设计得太快了没考虑那么多。

在任何地方douNeng访问，生命周期等于页面生命周期。

var globalVar = "我是全局变量"; // 全局作用域 function myFunction { console.log; // Ke以访问 } myFunction; console.log; // Ke以访问 . 函数局部作用域

只Neng在函数内部访问，生命周期等于函数执行周期。

var globalVar = "我是全局变量"; function myFunction { var localVar = "我是局部变量"; console.log; // 输出：我是全局变量 console.log; // 输出：我是局部变量 } myFunction; console.log; // 输出：我是全局变量 console.log; // 报错：localVar is not defined

运行结果：

我是全局变量 我是局部变量 我是全局变量 ReferenceError: localVar is not defined 四、ES6 如何实现块级作用域 一国两制：变量环境 + 词法环境

JavaScript 采用"一国两制"策略，在同一套执行上下文中用变量环境和词法环境分别处理 var 和 let/const，既保持了向下兼容，又实现了geng合理的块级作用域。

执行到块级作用域时let/const 声明的变量会被放入词法环境的一个独立区域，形成栈结构。

块级作用域示例

function foo { var a = ; // 变量环境 let b = ; // 词法环境 { let b = ; // 词法环境 var c = ; // 变量环境 let d = ; // 词法环境 console.log; // console.log; // } console.log; // console.log; // // console.log; // 报错：d is not defined } foo;

顺便提一下你有没有遇到过百度不收录某些网站的情况？ 主要是因为网站内容质量、结构等问题导致的。 高质量的内容是关键，你懂的。 说实话，这事儿挺复杂的，但咱就是说多优化总是好的。

不对不对，应该是说 let 和 const geng安全些。 因为它们不会被重复声明啥的。

你会发现，用 let 和 const Neng避免hen多奇怪的问题。

比如说：

// ✅推荐：使用 let/const避免变量提升问题 
let name ='张三 ';
if{
   let name ='李四 ';
   console . log ;//李四 
}
console . log ;//张三 

//❌不推荐：依赖变量提升 
console . log ;//undefined
var x =;
//✅推荐：先声明再使用 
let y =;
console . log ;//10 
y ++;
if{
   const MAX _VALUE=;
   console . log ;//
}

为啥呢？ 因为 let 和 const 会让代码geng可控，不容易出那些莫名其妙的 bug。

所以啊，现在基本上dou推荐用 let 和 const 了hen少有人再用 var 了你懂的。 主要还是因为 let 和 const geng符合现代编程规范嘛。

总之呢，了解 JavaScript 的执行环境和作用域还是hen重要的，这Neng帮助我们写出geng靠谱的代码。