读书笔记|JavaScript中的变量提升、编译阶段和执行阶段

前言

原文来自于：浏览器工作原理与实践：07|变量提升：JavaScript代码是按顺序执行的吗？

本文属于个人读书笔记总结，好记性不如烂笔头，学到的东西通过自己的总结后记录下来的才算是自己的知识。

我们都知道，JavaScript有很多语法糖或者语法坑，什么闭包、this对象，网上一查一大把，但很多文章讲的都是“是什么”或者“怎么样”，很少会讲“为什么”，直到我学了这个课程《浏览器工作原理与实践》，从机制上去理解这些知识，瞬间就悟了。有兴趣的可以去极客时间看看这个课程。

正文

一、变量提升

先来看两段代码：

showName()
console.log(myname)
var myname = '极客时间'
function showName() {
    console.log('函数showName被执行');
}

结果：函数能正常调用，但是变量输出却是undefined

 如果我们把第三行的变量定义去掉

showName()
console.log(myname)
function showName() {
    console.log('函数showName被执行');
}

结果则是：myname没有定义