web学习 -- JavaScript Hoisting（变量提升和函数声明提升）

注：JavaScript是解释性语言，JavaScript代码是逐行执行的

存在示例：

console.log(notyetdeclared);
// 打印 'undefined' 已声明但未赋值的独享
 
var notyetdeclared = 'now it is declared';
 
hoisting();
 
function hoisting(){
  console.log(notyetdeclared);
  // 打印 'undefined' 已声明但未赋值的对象
  
  var notyetdeclared = 'declared differently';
  
  console.log(notyetdeclared);
  // 打印 'declared differently'
}
console.log(notyetdeclared);
//"now it is declared"

结果：

• 第 6 行，该函数声明之前能访问
• 第 1 行，没有抛出错误
• 第 4 行，notyetdeclared 已经在全局作用域内声明，在第 9 行打印时还是 undefined

程序过程

调用栈：

1. 程序从栈(stack)上的全局执行期上下文开始执行。
2. 当调用 hoisting() 函数时，将一个新的函数执行期上下文推到栈(stack)上，并且全局执行期上下文被暂停。
3. 在 hoisting() 执行完成后 , hoisting()执行期上下文从栈(stack)中弹出，全局执行期上下文恢复。

该过程是自解释的，当执行期上下文跟踪代码的执行情况时，词法环境跟踪标识符到特定变量的映射。词法环境基本上是 JavaScript 作用域机制的内部实现。通常，词法环境与 JavaScript 代码的特定结构相关联，例如一个函数或一个 for 循环代码块。每当创建一个函数时，对其创建的词法环境的引用将在一个名为 [[Environment]] 的内部属性中传递。

词法环境：