提升

showName();
console.log(myname);
var myname = "13pro";
function showName() {
  console.log("函数showName被执行");
}

提升的本质

实际上变量和函数声明在代码里的位置是不会改变的，而是在编译阶段被 JavaScript 引擎放入内存中。一段 JS 代码在执行之前需要被 JavaScript 引擎编译，编译完成之后，才会进入执行阶段。

编译阶段包括

执行上下文（Execution context）保存代码执行所需环境。其中包含变量环境组件：

VariableEnvironment:
     myname -> undefined,
     showName -> function : {console.log(myname)

代码执行阶段，JS 将一步步执行代码，引擎在变量环境中查找相应变量 👆，myname 输出 undefined。

function bar() {
  console.log(typeof foo);
  var foo = "variable";
  function foo() {
    return "function";
  }
  console.log(typeof foo);
}
bar();

showName();
var showName = function () {
  console.log(2);
};
function showName() {
  console.log(1);
}
showName();